"Get Started" button background not sticking while scrolling

[Techkulkul]

Description:
The "Get Started" button currently has a background, but when scrolling the page, the background does not stay fixed with the button. This creates a visual inconsistency and affects the overall UI experience.

To Reproduce:
Steps to reproduce the behavior:

1. Go to the page with the "Get Started" button.
2. Scroll down the page.
3. Notice that the background does not move along with the button.

Expected Behavior :
The background of the "Get Started" button should remain attached to the button while scrolling.

Screenshots:

issue.mp4

Possible Solution (Optional):
Consider checking if the background is applied to the container instead of the button itself, or using position: sticky or appropriate CSS to ensure the background moves with the button.

[mmaismma]

This issue is arising because Safari resizes the Initial Containing Block (ICB) during the page refresh action (detailed explanation with examples).

The root cause is likely the fixed positioning used for the indicator element.

unira/app/_components/action-list/styles.module.css

Lines 40 to 41 in 7fea008

	.indicator {
	position: fixed;

Suggested fix:

Replace fixed positioning with absolute for .indicator, and ensure .list has position: relative to serve as the positioning context:

.list {
  position: relative;
  /* existing properties */
}

.indicator {
  position: absolute;
  /* other properties remain unchanged */
}