[OutSystems UI] Chrome / Android System Webview v83 misalignes Button Widget's label

Forge Component
(87)
Published on 7 Jul by OutSystems R&D
87 votes
Published on 7 Jul by OutSystems R&D

Hi Team,

This week I've upgraded my Google Chrome and Android System Webview to v83. This caused the Button widget's label to misalign, if the button has a "fill parent" specified as width (like buttons in footers of mobile apps).

In the CSS of OutSystemUI there is the following rule on the selector button.OSFillParent:

button.OSFillParent {
  display: inline-flex;
}

By making the button inline-flex, the content of the button is not keeping it vertically centered position anymore in the new Chrome/Webview version.

The fix that worked for us is as simple as aligning the items in the center, by extending the rules;

button.OSFillParent {
  display: inline-flex;
  align-items:center;
}

This is backward compatible to older versions.


It would be nice if this could be fixed in the base CSS of this component :) 


Regards,

Rob

Hi Rob Mooijman,


Thanks for the report! We will be looking into this and provide a fix on the next version of OutSystems UI.


Best regards,

Bernardo Cardoso