Make WordPress Core

Opened 3 years ago

Last modified 2 years ago

#52565 new defect (bug)

A Scrollbar Appear in a right panel when editing a page or post

Reported by: pratik-jain's profile Pratik Jain Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version:
Component: Editor Keywords: needs-patch
Focuses: Cc:

Description

With WordPress 5.7 Beta 3, there is a scrollbar in right side panel when we add or edit any page or post.

The scrollbar appear only on Mozilla Browser. In Chrome Browser there is no scrollbar.

My Mozilla Browser version is 85.0.2

Attachments (5)

scrollbar.png (51.2 KB) - added by Pratik Jain 3 years ago.
Scrollbar in Mozilla FireFox Browser
52565-FFonMac.gif (4.7 MB) - added by hellofromTonya 3 years ago.
Could not reproduce on Mac with latest 5.7 trunk version and Firefox 85.0.2
Capture d’écran 2021-02-23 à 01.16.43.png (662.6 KB) - added by audrasjb 3 years ago.
Could not reproduce on Mac/Firefox 85.0.2
Screen Shot 2021-02-22 at 6.27.19 PM.png (337.7 KB) - added by hellofromTonya 3 years ago.
Able to reproduce on Mac with Firegox 85.0.2 and latest 5.7 trunk version WHEN changing "System Preferences > General > Show scroll bars" to "Always".
firefox-scrollbar-5.6vs5.7.jpg (180.8 KB) - added by dianeco 3 years ago.

Change History (16)

@Pratik Jain
3 years ago

Scrollbar in Mozilla FireFox Browser

#1 @SergeyBiryukov
3 years ago

  • Component changed from General to Editor
  • Milestone changed from Awaiting Review to 5.7

#2 @mukesh27
3 years ago

#52574 was marked as a duplicate.

This ticket was mentioned in Slack in #core by hellofromtonya. View the logs.


3 years ago

@hellofromTonya
3 years ago

Could not reproduce on Mac with latest 5.7 trunk version and Firefox 85.0.2

This ticket was mentioned in Slack in #core by hellofromtonya. View the logs.


3 years ago

@audrasjb
3 years ago

Could not reproduce on Mac/Firefox 85.0.2

#5 @audrasjb
3 years ago

  • Keywords reporter-feedback added

I could not reproduce the issue as well.
Tested on MacOSX/Firefox 85.0.2.

@hellofromTonya
3 years ago

Able to reproduce on Mac with Firegox 85.0.2 and latest 5.7 trunk version WHEN changing "System Preferences > General > Show scroll bars" to "Always".

#6 @hellofromTonya
3 years ago

  • On Mac
  • using Firefox 85.0.2
  • Latest version of 5.7 from trunk

Not able to reproduce until I changed System Preferences > General > Show scroll bars to Always. After that change, then I can reproduce. See attached gifs.

#7 @hellofromTonya
3 years ago

  • Keywords needs-patch added; reporter-feedback removed
  • Milestone changed from 5.7 to Future Release
  • Version trunk deleted

After testing with @peterwilsoncc @audrasjb and @davidbaumwald, discovered:

  • Can reproduce on Mac and Windows
  • Happens in latest version of 5.7 trunk as well as in 5.6.1

As Peter notes

I am seeing it on 5.6.1 on my site, so not a 5.7 regression.

Removing trunk as the version.

As 5.7 RC1 is tomorrow, there's no patch, and not a 5.7 regression, moving it to a Future Release.

#8 @dianeco
3 years ago

I believe this is a 5.6 regression. Testing with Windows/Firefox 85.0.2, I can see a horizontal scrollbar with WP 5.7, which wasn't there with WP 5.6 (screenshot above).

#9 @SergeyBiryukov
3 years ago

Might be related: #52809

#10 @sabernhardt
3 years ago

#53486 was marked as a duplicate.

#11 @janboddez
2 years ago

Not a solution in the true sense, but this workaround (setting Firefox to use overlay scrollbars) seems to do the trick for me (on Windows 10): head over to about:config and add ui.useOverlayScrollbars with a (number) value of 1.

Source: https://www.reddit.com/r/gnome/comments/r2ne2f/til_overlay_scrollbars_in_firefox_and_thunderbird/

One downside is that sites with, e.g., overflow-y: scroll may have the scrollbar(s) move in front (and thus partially cover) certain page elements. (Chrome doesn’t do this.)

A potential actual fix would be to detect the presence of a vertical scrollbar and set an appropriate margin on the sidebar's child elements, in Firefox only, which seems super risky and not very future proof.

Note: See TracTickets for help on using tickets.