WordPress.org

Make WordPress Core

Opened 8 months ago

Last modified 2 months ago

#46221 new defect (bug)

Twenty Nineteen: Horizontal scrollbar Issue in verse block

Reported by: utsav72640 Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords: has-screenshots has-patch
Focuses: Cc:
PR Number:

Description

When i add verse block in editor and assign Alignment Right from
the editor it's Horizontal scrollbar Issue.

Attachments (3)

verse.gif (284.2 KB) - added by utsav72640 8 months ago.
See tha Error
46221.patch (619 bytes) - added by poena 2 months ago.
Reverted padding to the default 1em on the right side to prevent scroll
verse.png (13.2 KB) - added by poena 2 months ago.
Screenshot of the editor with patch applied

Download all attachments as: .zip

Change History (7)

@utsav72640
8 months ago

See tha Error

#1 @utsav72640
8 months ago

Above issue will fixed if we add overflow hidden from below css code.

.wp-block-verse pre, pre.wp-block-verse {
color: #191e23;
white-space: nowrap;
font-family: inherit;
font-size: inherit;
padding: 1em;
overflow: hidden;
}

#2 @laurelfulford
8 months ago

  • Keywords needs-patch added; has-patch removed
  • Milestone changed from Awaiting Review to Future Release

Thanks for the report, @utsav72640!

I can confirm I can see this issue using Twenty Nineteen in Chrome (though in Firefox it doesn't happen). It's not happening with the other default themes, so it appears to be theme-specific.

Unfortunately adding overflow: hidden will cause too-long text strings to become difficult to edit -- it is good if it still scrolls as long as there's something to scroll to. But there must be something in the themes styles causing the scroll to happen even when it's not needed.

#3 @utsav72640
8 months ago

Thanks @laurelfulford ,

So,I think users is very confused so you will able to solve this??

@poena
2 months ago

Reverted padding to the default 1em on the right side to prevent scroll

@poena
2 months ago

Screenshot of the editor with patch applied

#4 @poena
2 months ago

  • Keywords has-patch added; needs-patch removed
Note: See TracTickets for help on using tickets.