Skip to content

[Bug]: Modal height jumping unrelated to children rerenders #22153

@erik-sata

Description

@erik-sata

Package

@carbon/react

Browser

Safari

Package version

v1.104.1

React version

v17.0.2

Description

Two modals (one containing a TextArea, the other a Loading spinner) keep jumping between their normal and a slightly bigger height. It should be unrelated to the children of the modals rerendering, since it happens even when they don't rerender.

TextArea modal:

765375d1-3196-4b07-b504-21cba5eaa725.mov

Loading modal:

9f3159f0-8f73-4f75-b352-60497bd12e3d.mov

Reproduction/example

https://stackblitz.com/edit/github-jbjuu6xx-ulhmj95f?file=src%2FApp.jsx

Steps to reproduce

None of us have been able to reproduce it, however the customer who reported the issue could reproduce it multiple times and on different screen sizes (integrated 16-inch MacBook screen (3456x2234), a 3440x1440 external monitor, and a 27-inch 4k monitor).
The customer also reported that it doesn't show up in Chrome, and that they're using Safari version 21623.2.7.11.6

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

IBM Cloud Support Center

Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Type

    No fields configured for Bug.

    Projects

    Status
    ✅ Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions