search

mtamc / memo

Website for rating books, movies, video games, and TV shows.
0 stars 0 forks source link

Weird whitespace in text boxes #7

Closed dustinvtran closed 2 years ago

dustinvtran commented 2 years ago

2022-01-30 13_54_49

The top line is invisible. The top line does appear if you make the text box active (click on it).

ghost commented 2 years ago

@dustinvtran what browser?

dustinvtran commented 2 years ago

chrome

ghost commented 2 years ago

@dustinvtran Can't reproduce on my PC, do you mind going in the devtools and see if adding a border to the elements fixes it? Demo (open devtools with F12 or right click + inspect)

https://user-images.githubusercontent.com/1331748/151865890-19cc4348-4106-4c0c-957f-1b3a3a95211c.mp4

dustinvtran commented 2 years ago

Looking into this more, it happens when you raise the vertical resolution of the window high enough. The padding with whitespace in the <label>s is laid on top of the text boxes. Adding the explicit border to the text boxes works!

ghost commented 2 years ago

eaabd79 Reopen if it still occurs.