Opened 5 years ago
Last modified 4 years ago
#46221 new defect (bug)
Twenty Nineteen: Horizontal scrollbar Issue in verse block
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | Future Release | Priority: | normal |
Severity: | normal | Version: | |
Component: | Bundled Theme | Keywords: | has-screenshots has-patch |
Focuses: | Cc: |
Description
When i add verse block in editor and assign Alignment Right from
the editor it's Horizontal scrollbar Issue.
Attachments (3)
Change History (7)
#1
@
5 years 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
@
5 years 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.
See tha Error