search

creativetimofficial / ct-soft-ui-design-system-pro

Soft UI Design System PRO - Premium Bootstrap 5 UI kit
https://www.creative-tim.com/product/soft-ui-design-system-pro
16 stars 2 forks source link

[Bug] header with line at bottom and scroll issue #20

Open brunoamaral opened 2 years ago

brunoamaral commented 2 years ago

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 commented 2 years ago

Were you able to replicate this issue?

brunoamaral commented 2 years ago

Can you give me any feedback on this issue?

dragosct commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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

rarestoma commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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