Problem/Motivation

When the Navigator toolbar opens, it triggers unwanted horizontal scrolling and layout shift

Steps to reproduce

Proposed resolution

Apply overflow-x: hidden !important directly to the body element to prevent horizontal scrolling when the Navigator toolbar opens.

Remaining tasks

  • ✅ File an issue about this project
  • ✅ Addition/Change/Update/Fix to this project
  • ✅ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ➖ Developer Documentation support on feature change/addition
  • ➖ User Guide Documentation support on feature change/addition
  • ➖ UX/UI designer responsibilities
  • ✅ Accessibility and Readability
  • ✅ Code review from 1 Varbase core team member
  • ✅ Full testing and approval
  • ✅ Credit contributors
  • ✅ Review with the product owner
  • ✅ Update Release Notes and Update Helper on new feature change/addition
  • ✅ Release varbase-10.1.0-alpha2
    , vartheme_bs5-4.0.0-alpha4

Varbase update type

  • ✅ No Update
  • ➖ Optional Update
  • ➖ Forced Update
  • ➖ Forced Update if Unchanged

User interface changes

  • N/A

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

CommentFileSizeAuthor
fix-horizontal-scrolling.patch562 bytesabdallahta20
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:

Comments

abdallahta20 created an issue. See original summary.

abdallahta20’s picture

qusai taha’s picture

Status: Fixed » Needs review
abdallahta20’s picture

rajab natshah’s picture

Assigned: abdallahta20 » Unassigned
Status: Needs review » Active

Please, Can you create an MR?
I want to merge your work

rajab natshah’s picture

Status: Active » Needs work
rajab natshah’s picture

Issue summary: View changes

rajab natshah’s picture

Status: Needs work » Needs review

rajab natshah changed the visibility of the branch 3528338-fix-horizontal-scrolling to hidden.

rajab natshah’s picture

Assigned: Unassigned » s.halawani
Issue summary: View changes
Issue tags: +varbase-10.1.0-alpha2, +vartheme_bs5-4.0.0-alpha4
rajab natshah’s picture

Assigned: s.halawani » Unassigned
Status: Needs review » Fixed
rajab natshah’s picture

Issue summary: View changes

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

rajab natshah’s picture

Issue summary: View changes