SmartGecko44 / SmartGecko44.github.io

A simple website to test my ability to code
https://gxcko.me/
Other
1 stars 0 forks source link

BUG | Elements at wrong locations #4

Closed SmartGecko44 closed 7 months ago

SmartGecko44 commented 8 months ago

Describe the bug The dark mode button and cookie dialogue move to the top of the page when the dark mode dialogue is open.

To Reproduce Steps to reproduce the behavior:

  1. Open the page
  2. Click the dark mode button
  3. The bug happens

Expected behavior The button and dialogue stay at the expected location

Screenshots If applicable, add screenshots to help explain your problem.

Client (please complete the following information, if applicable):

Additionnel informations The bug doesn't happen in Safari.

SmartGecko44 commented 8 months ago

Skill issue for Chrome users but I will look into it.

SmartGecko44 commented 7 months ago

I have narrowed the issue down to

body.inBackground {
    filter: blur(5px);
    transition: all 1s ease-in-out;
}

inside of backgrounds.css

SmartGecko44 commented 7 months ago

The issue seems to lie within the filter. I will look into it in a few hours