[Bug] header with line at bottom and scroll issue

[brunoamaral]

Version

1.0.8

Reproduction link

https://brunoamaral.eu

Operating System

iOS

Device

iPhone 12

Browser & Version

Brave Browser

Steps to reproduce

open the home page, notice a 1px line right under the header.

On scroll, the animation gets a bit stuck.

What is expected?

No line at the bottom and smoother scroll

What is actually happening?

open the home page, notice a 1px line right under the header.

On scroll, the animation gets a bit stuck.

---

Solution

Additional comments

The issue with the line under the header also happens on Safari.

Screenshot and recording of the two issues:
https://drive.brunoamaral.net/d/s/lSDhxmulyo6NCy7cCFQoYRYJhnaHohyN/ElqIQ0UrKkmfjg9kDNdrVJn8n_Q4JvSf-HrEgGf5H6gg

[brunoamaral]

Were you able to replicate this issue?

[brunoamaral]

Can you give me any feedback on this issue?

[dragosct]

Hi, guys! Thanks for using our products. Sorry for the late response. My colleagues will help you with this. We will comeback with an answer.

Regards,
Dragos

[rarestoma]

Hi @brunoamaral,

I tried to reproduce the issue on my side but I didn't succeed. Can you please give us a video or an image so I can understand better what happens and find a solution?

Thank you,
Rares

[brunoamaral]

Hello @rarestoma , here is the video where you can see both issues: https://drive.brunoamaral.net/d/s/lw4iQN2gEVPu84rEjRNEIPxLWZ3S7NCX/PecuCJmrVLJcMIh0d9xK-MHPXm3CxrJS-ZbOAenJwAQk

[rarestoma]

Hi @brunoamaral,

Referring to the 1px line, to fix it please try replacing the div with margin-top style that has margin-top: -36px to margin-top: -33px. We will also have a look at the animation to see why gets stuck.

Please let me know if it works.

Thank you,
Rares

[brunoamaral]

hello @rarestoma yes that works but causes the heading to be very close to the menubar. It's a good compromise for me.
The scroll still happens but isn't as noticeable by regular users.

[rarestoma]

Hi @brunoamaral,

I tested it and I found that the scroll happens just on the Brave browser. We will continue testing and see what happens.

Thank you,
Rares