Skip to content

[Page]: No paddings when width is close to layout breakpoint #13854

Description

@VictorHumanist

Bug Description

There are situations when ui5-page ends up having a fractional width in px (like 1439.2px). If this width is exactly between the layout breakpoints (599.2px, 1023.2px or 1439.2px), the paddings in both header area and content area disappear.

Affected Component

Page

Expected Behaviour

Paddings remain consistent

Isolated Example

https://ui5.github.io/webcomponents/play/#eNrtW11zGjcU_SsKL8YZa1nA2IBxprHjNJ0mDVM7aTsh0xG7AhRrpa0kwDTj_94r7S4sGFwnrl86GntsdHW_daVjP5yvFSZiehNMTMIr3a8VQRJa6ZaFB5VICkOFAXHvGcYo5WQxVnIqYjySPEYYvxiI3rNX78-v_uhfIGtkBfY34kSMTwcVKgYVkK2-ehNKYpAg-O5ps-DULp53hTTVbkxHTNB4H30FWcy0DdhFQgp6AoJba--iuP2RVBGNcSS5VJjEX6barOmiXq3w78P9t-F6CTUERROiNDVwyh-uXuO2O-h8yw4TyGeMzlOpzKCC8lEC4ZzFZnIa0xmLKHaLA8QEM4xwrCPC6Wk9CHNnhhmIeUmSlNNeLVtZOWfiGinKwZ1LS08otVEmio5AFtQSwkQQae389Gr50MHHoYwXyNmA3oSy8QQKPQ7D9OYEDUl0nc-3a0QXzYiqYqxJerbcOrc7-3l-W24FpiK_GVZhylpYkZhJPJwaI0XRGVc3JGzoje3JL1IlhKNCGk1odE1j9KJX23Tw4hu8tjqdoJHegGBG-JSWJY_0XA8bzQ3XK9FjfR82N9Neie7znZIxRSwGffspf3eyLc60QXYIqMJ5mL6S8TQyGlXrTThOlMjYhrpkYszpJeU0MvkhZw5QTHWkWGqYFKD35go3wrAOhixyAs1ZgolSco6Vnap8x40DiWNm7WDC8-iHx0EYoosPv0KMegjzH01QH24KGXKKXn18lZXJ2ZMl0DjsrDI4zhL4jbkQlIpyKqgPA04VmqN3_eaD8qo3Wt-dV6fcmZfaKInektTIFNVb9aMnD390N3x_As8genDoxnefyHHQ6RSRpzDftY9wHhKdu4P4mRmE0WHyoDSOHjOZ0IFO0YEzShJ0pii5hgE4w_Unj27739oRvfHk0dsQvb0jevPJr2T9oNEKV9O3Ef_wQfHbj4vfbq_in5MkkgpeTPQRYPzJq-90jsq1i5gsL_5h2H5Q-DAMm99dfPnin9OUGHRlL55B9TBoPXn1Hg88Hng88Hjg8cDjgccDjwceDzweeDzweODxwOOBxwOPBx4PPB54PPB44PHA44HHA48HHg88Hng88Hjg8cDjgccDjwceDzweeDzweODxwOOBxwOPBx4P_v94UH_M5JUu3Y-cxIwYqdC739cC1wrqxGplmRW7mC8Z6wX1sjSRWaSWUJHIeMopZKNVZJeWmPNFOyZHpugIOpaWkxF0agWN7B5uTeX2oHBUoq4VkjJvrfa87GMCDxx6XhsIllhaErJModK2nqZW7NI7GYi7ti7-mv0P0JTanA4jCRIBMTUeMalYLYa21frQrcLbPSaZ8lv48U3KPxmaXBoCk6viwnAgoHZtULyAprDIJoBOUSyjaQLGwV9TqhYZuUWq6qBSHOmgsl8yduwavdPuJee5aZmGU7io1dAHTdFLpcgiGEl1QQDpjbQziIhAdAb-kB0qKuCqwwa1Cs4TggAu3EBkKRT21dFURHaAq06eUdrcxwDcXliXb3OP1b1oQsSY7h2gpVGmn9XmKEW7W7K3WdannIv1eW8_cLaWEFfqbuC4ZIHjMIHbpcrt_kDc7p8sJzXSd0bVisqzGti7uc7WY4IzQfGQy-j6xNH0hMGa_U1L1LTXILsE0f5SYQTJ8cWGymsndEqb5LYriJvR2uyui1gw44QjplnxfMIMxTolEQRPFcVWz23Ao43niqRdNLToga3AhZkqbePYsuw6IWrMRBeFsHD0Q1dwV5gJliNsn4tqIzuqTBNzOoIUDhVNlhZpxtrCTIzkeqtGnN64DsDvPB37c7vlJ3vMZEYMUZ8PNjfXVjiinJeTUlljGllWhXQoYViSLqpbMdoWc-XoTspjm2wrXaUfM0Xd6HbtWU0TcaeKEhhsm5gss5uMXtlFTcdvLHxA3YyTIePMLHLy53Kq6kFR2OaQ9KUGDJnRtWEpkmIRfbinLR6Iq1afEeXcpBawxBhGJWiDExTCV708BoLM2JhYGzDZZbGaMy1ImtIYOwIptjxA0N1-FoSzscAw6omG5sPFpMqKU1e9PRBFObF9yJzvcF2er6yipT0ZajhS444I_tpYXof7PDnR51WH71zw98MvMDBvHMHxzyur_ee_3PktFuvPQKmjTfg3o9zUrc_QFoeXWUVrD5S98ljOqBpxOe_Ci89Zqpl2Awv3KB_Y8GTXK1C5vf0HQJXWSA

Steps to Reproduce

  1. In the radio button group on top, check any fractional value

Log Output, Stack Trace or Screenshots

No response

Priority

No response

UI5 Web Components Version

2.24.0

Browser

Chrome

Operating System

No response

Additional Context

Exactly the same as #13725 but for Page component instead of DynamicPage

Organization

No response

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    Status
    New Issues

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions