A Couple Changes Coming in Chrome 108
From Chrome 108, the following replaced elements respect the overflow property:
canvas. In earlier versions of Chrome, this property was ignored on these elements.
This means that an image which was earlier clipped to its content box can now draw outside those bounds if specified to do so in a style sheet.
So, image, video, and canvas elements that were once clipped might display the overflow when Chrome 108 ships. The noted situations where this might affect your existing work:
Worth reading the full article for code examples, but the solution for unwanted visible overflow is overriding the UA’s default
overflow: visible with
In November, with the release of Chrome 108, Chrome will make some changes to how the Layout Viewport behaves when the on-screen keyboard (OSK) gets shown. With this change, Chrome on Android will no longer resize the Layout Viewport, and instead resize only the Visual Viewport. This will bring Chrome on Android’s behavior up to par with that of Chrome on iOS and Safari on iOS.
This is a change related to the common headaches of working with viewport units and fixed positioning on mobile touch devices. We’ve covered (and tried solving) it over the years:
The change means that Chrome on Android will no longer resize the Layout Viewport when the on-screen keyboard is shown. So, the computed values of viewport units will no longer shrink when a device’s keyboard is displayed. Same goes for elements that are designed to take up the full viewport no longer shrinking to accomodate the keyboard. And no longer will a fixed-position element wind up who knows where when the keyboard pops up.
This brings more consistent cross-browser behavior that is on line with Chrome, Safari, and Edge on iOS and iPadOS. That’s great, even if the updated behavior is less than ideal because the keyboard UI can still cover and obscure elements that get in its way.
If you need help creating a digital marketing strategy for your business, don’t hesitate to contact one of Digidude’s consultants.