Problem/Motivation

This started happening after a Firefox update (Rather than in a particular core version)

Off canvas styling broken in firefox after latest update.
When trying to use layout canvas on Firefox Title of layout canvas is hiding behind toolbar.
Also there is white spacing at bottom.

Issue causing in Firefox version- 126 and above

Steps to reproduce

Open off-canvas tray (E.g. Layout builder)
See whitespace at the bottom of the page and the title of the dialog is behind the toolbar.

This doesn't happen in Chromium

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

Release notes snippet

CommentFileSizeAuthor
#11 Screenshot 2025-07-16 at 19.34.58.png349.93 KBmarkconroy
#9 After-firefox-layout-canvas.png95.12 KBsheetal.pathak
#8 firefox-layout-canvas-misalignment.png59.07 KBsheetal.pathak
Screenshot from 2024-05-28 14-44-19.png3.81 KBlarowlan
Screenshot from 2024-05-28 14-44-05.png18.42 KBlarowlan
Screenshot from 2024-05-28 14-31-34.png3.26 KBlarowlan

Issue fork drupal-3450256

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

larowlan created an issue. See original summary.

gauravvvv’s picture

gauravvvv commented
Version: 11.0.x-dev » 11.x-dev

Gauravvvv changed the visibility of the branch 3450256-off-canvas-tray to hidden.

Gauravvvv opened merge request !8267

gauravvvv’s picture

gauravvvv commented
Status: Active » Needs review
smustgrave’s picture

smustgrave commented
Status: Needs review » Needs work
Issue tags: +Needs issue summary update

Issue summary is missing sections

bkosborne’s picture

bkosborne
Primary language English
Location New Jersey, USA
commented
Category: Task » Bug report

Seeing this as well. Appears to have started after the update to Firefox 126.0.

sheetal.pathak’s picture

sheetal.pathak commented
StatusFileSize
new firefox-layout-canvas-misalignment.png59.07 KB

Off canvas styling broken in firefox after latest update.
When trying to use layout canvas on Firefox Title of layout canvas is hiding behind toolbar.
Also there is white spacing at bottom.

I have reviewed this issue and MR in comment #4 fixes issue.

Firefox version- 126 and above
Tested versions
Drupal version - 11.x-dev
Firefox versions- 126.0, 130.0

Steps to reproduce.

1. On firefox open layout canvas
2. Click on add section, when Layput canvas try opens n right side observe misalignment
3.MR in comment #4 fixes issues
RTBC +

sheetal.pathak’s picture

sheetal.pathak commented
StatusFileSize
new After-firefox-layout-canvas.png95.12 KB
sheetal.pathak’s picture

sheetal.pathak commented
Issue summary: View changes
markconroy’s picture

markconroy commented
Status: Needs work » Postponed (maintainer needs more info)
StatusFileSize
new Screenshot 2025-07-16 at 19.34.58.png349.93 KB

Can someone confirm if this is still an issue?

If so what operating system are you using?

I'm testing on Mac Sequoia and Firefox 140 and seems to be working fine.

Settings tray in Firefox 140 on Mac Sequoia

Version: 11.x-dev » main

Drupal core is now using the main branch as the primary development branch. New developments and disruptive changes should now be targeted to the main branch.

Read more in the announcement.

smustgrave closed merge request !8267

smustgrave’s picture

smustgrave commented
Status: Postponed (maintainer needs more info) » Closed (cannot reproduce)
Issue tags: +Bug Smash Initiative

Tested in latest Firefox 147.0.2 and not able to reproduce this. If still an issue please re-open

Thanks all

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.