Skip to content

[BUG] Devtools contents overflow container when "update available" badge is present #3535

@emilykl

Description

@emilykl

When "update available" badge is present in the devtools, the Plotly Cloud button overflows off the left edge of the devtools background.

Describe your context

dash               3.3.0      /Users/ekl/code/dash

** Note: I manually changed the Dash version to 3.2.0 in version.py in order to cause the "update available" badge to show, but the actual version is 3.3.0

  • OS: Mac OS
  • Browser: Chrome
  • Version: 141.0.7390.123

Describe the bug

When "update available" badge is present in the devtools, the Plotly Cloud button overflows off the left edge of the devtools background.

Expected behavior

Contents should be entirely contained within background.

Screenshots

Image

Steps to reproduce

  1. Check out the latest version of the dev branch and install with pip install -e .
  2. Manually edit dash/version.py and change the version to 3.2.0
  3. Run any Dash app with debug=True to show the devtools

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions