Layout Shift & Feature Requests — Opera Mini

ct00

ct00

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-scrollbar and ::-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

leocg

leocg Moderator Volunteer @ct00

@ct00 One issue/suggestion per topic.