Skip to content

White empty bar appears after collapsing Web Debug Toolbar in Symfony 7.3.2 #61416

@kciesielski-pl

Description

@kciesielski-pl

Symfony version(s) affected

7.3.2

Description

After upgrading to Symfony 7.3.2, I noticed that when scrolling to the bottom of the page and collapsing the Web Debug Toolbar, an empty white bar remains at the bottom of the viewport.
This happens in the development environment with the default toolbar enabled.


Steps to Reproduce

  1. Open any Symfony app in dev mode with web_profiler.toolbar: true.
  2. Scroll to the bottom of a page.
  3. Collapse the Symfony Web Debug Toolbar.
  4. Observe a persistent empty white bar at the bottom of the page.

Expected Behavior

After collapsing the toolbar, the bottom of the page should be fully visible, without any additional empty space or white bar.


Actual Behavior

An empty white bar remains, covering the content area.
It looks like .sf-minitoolbar retains position: fixed and a set height, even when the toolbar is collapsed, which keeps the space occupied and shows the page’s background color (white by default).


Environment

  • Symfony version: 7.3.2
  • PHP version: [your PHP version here]
  • Browser(s): Tested on Chrome [version], Firefox [version]
  • OS: [your OS here]

Possible Fix / Workaround

Manually overriding the CSS resolves the issue:

.sf-minitoolbar {
    position: absolute !important;
    height: auto !important;
    background: none !important;
}


### How to reproduce

1. Open any Symfony app in **dev** mode with `web_profiler.toolbar: true`.
2. Scroll to the bottom of a page.
3. Collapse the Symfony Web Debug Toolbar.
4. Observe a persistent empty white bar at the bottom of the page.

### Possible Solution

_No response_

### Additional Context

_No response_

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions