Hi,
during web development, I've come across a problem that's causing a substantial layout shift, and I would also like to propose some feature requests.
Layout Shift
When creating the following structure in HTML and CSS:
<body>
<input type="text">
</body>
<style>
body {
height: 100vh;
background-image: url('/.img');
background-size: 100vh;
}
</style>
When the input field is focused, and the keyboard opens up, a significant layout shift occurs. I suspect that the keyboard's height is subtracted from the actual viewport height, which would be causing the shift.
Feature Requests
-
1) Customizable Scrollbar
::-webkit-scrollbarand::-webkit-scrollbar-thumb -
2) Theme-Color Support
<meta name="theme-color" content="#ffffff"> -
3) Ability to block user agent stylesheet
maybe through custom CSS property or<meta>tag.
Would be greatly appreciated by frontend developers.
Thank you for your time!
Device: SAMSUNG Galaxy S8
Android: 9
Browser 1: Opera Mini 75.0.2254.68857
Browser 2: Opera Mini Beta 75.0.2254.68856