Skip to content

Dialog: Content shrinks on resizing when box-sizing: content-box #2277

Closed

Description

Image for: Description

Dialog content shrinks when dialog have scrollbars and is resized.

This is a similar problem as in #1979 and #2083.
It was marked as solved in jQueryUI 1.13.3 but it still happen on some cases (when box-sizing: content-box).

I have done the following tests:

jQueryUI Version box-sizing Work status
jQueryUI 1.13.2 border-box ❌ Error
jQueryUI 1.13.2 content-box ❌ Error
jQueryUI 1.13.3 border-box ✔️ Working
jQueryUI 1.13.3 content-box ❌ Error

Bug only seems to happen on Chromium-based browsers (tested on Chrome 127.0.6533.89 and Edge 127.0.2651.86). It works fine on Firefox (tested on Firefox 128.0.3)

Sample fiddle: https://jsfiddle.net/67j9nm43/1/
Fiddle uses jQueryUI 1.13.3. You may change box-sizing between border-box/content-box to test both cases.

I know this is kind of a edge case, as most people today uses box-sizing: border-box, but some old projects may still use box-sizing: content-box as it is the default option.

Metadata

Image for: Metadata

Metadata

Image for: Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

    Image for: Issue actions