Skip to content

fix: fix scene detail toolbar overflowing viewport on firefox#2660

Draft
lllarsen wants to merge 13 commits into
testfrom
lily/stylinginconsistency
Draft

fix: fix scene detail toolbar overflowing viewport on firefox#2660
lllarsen wants to merge 13 commits into
testfrom
lily/stylinginconsistency

Conversation

@lllarsen

@lllarsen lllarsen commented Jun 23, 2026

Copy link
Copy Markdown
Contributor

Summary

Fixes the scene detail toolbar overflowing the viewport on firefox by positioning the results menu using css grid layout instead of a position: fixed which breaks position: sticky in firefox.

Related Issues

TOOL-4845

i18n

  • No hardcoded user-facing strings
  • New or modified translation keys are documented below

Tests & Build

  • npm run lint passes
  • npm test passes (or N/A)
  • npm run build succeeds

Notes

To prevent z-indexing issues the results menu is positioned using position: relative. This is a hacky fix which I will address before finishing this pr. Another note is that I hope to remove position: sticky from the toolbar and utilize css grid to position it as well.

[style.height.px]="menuHeightPx"
mwlResizable
[validateResize]="validate"
[enableGhostResize]="true"

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this is necessary as the ghost resize element is position: fixed. There is an option to make it position: absolute but I could not get it to work.

Comment thread src/app/app.component.html
@lllarsen lllarsen force-pushed the lily/stylinginconsistency branch from d9e145e to 62b9b46 Compare June 25, 2026 22:20
@lllarsen lllarsen force-pushed the lily/stylinginconsistency branch from 62b9b46 to f25d982 Compare June 25, 2026 22:39
@lllarsen

Copy link
Copy Markdown
Contributor Author

/update-snapshots

1 similar comment
@lllarsen

Copy link
Copy Markdown
Contributor Author

/update-snapshots

@lllarsen lllarsen force-pushed the lily/stylinginconsistency branch from 9bdf9ed to 28e982d Compare June 25, 2026 23:17
@lllarsen

Copy link
Copy Markdown
Contributor Author

/update-snapshots

@lllarsen lllarsen force-pushed the lily/stylinginconsistency branch from 18e38e6 to 96fdffc Compare June 26, 2026 22:41
@lllarsen

Copy link
Copy Markdown
Contributor Author

/update-snapshots

@lllarsen

Copy link
Copy Markdown
Contributor Author

/update-snapshots

@lllarsen lllarsen force-pushed the lily/stylinginconsistency branch from 5a77378 to 2f523d0 Compare June 26, 2026 23:54
@lllarsen lllarsen deployed to dev-lily June 26, 2026 23:54 — with GitHub Actions Active
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants