WordPress.org

Make WordPress Core

Opened 4 months ago

Last modified 3 months ago

#43479 assigned defect (bug)

Theme detail text cutoff in RTL

Reported by: birgire Owned by: adamsilverstein
Milestone: 5.0 Priority: normal
Severity: normal Version:
Component: Themes Keywords: has-screenshots needs-patch
Focuses: rtl, administration Cc:

Description (last modified by birgire)

When viewing the theme detail in /wp-admin/themes.php, part of the text is cut off because of CSS. This happens when a RTL language is selected. Tested in Chrome Version 64.0.3282.186 on Win 10 desktop.

ps: I'm surprised I couldn't find tickets on this, but maybe my search foo failed me here ;-)

Attachments (2)

theme-detail-rtl.jpg (90.1 KB) - added by birgire 4 months ago.
theme-detail-ltr.jpg (91.1 KB) - added by birgire 4 months ago.

Download all attachments as: .zip

Change History (8)

#1 @birgire
4 months ago

  • Description modified (diff)
  • Keywords has-screenshots added

#2 @adamsilverstein
4 months ago

Hi @birgire, thanks for the bug report. Can you confirm you still see this issue with all plugins disabled? Also, can you tell me what language you are using?

#3 @birgire
4 months ago

Hi @adamsilverstein, hopefully I'm not raising a false issue here ;-)

I tested this on an 4.9.4 install without plugins activated and default theme.

Also tested this on another 4.9.4 install, on different hosting.

The issues shows up in my Chrome for e.g. ar, ary and he_IL option values for the WPLANG dropdown.

I don't see this issue on Microsoft Edge 41.16299.248.0.

I wonder if somethings wrong with my Chrome (I disabled all extensions) and I don't see any console errors. I will have to look better into that.

#4 @birgire
4 months ago

The issue showed up when I tested on another labtop (Win10, Chrome 65.0) with another install at another hosting.

Shows up around viewport width 1350px.

This seems to be affected by overflow: auto; in:

.theme-overlay .theme-about {
    position: absolute;
    top: 49px;
    bottom: 57px;
    right: 0;
    left: 0;
    overflow: auto;
    padding: 2% 4%;
}

and e.g. the non-standard -webkit-paged-y seems to change it for the better.

But let's see if others can verify this issue.

#5 @adamsilverstein
4 months ago

  • Keywords needs-patch added
  • Owner set to adamsilverstein
  • Status changed from new to assigned

@birgire - Thanks for the additional debugging, language details and for testing on another laptop to confirm this is an issue. This should be enough information for work on a patch.

#6 @SergeyBiryukov
3 months ago

  • Milestone changed from Awaiting Review to 5.0
Note: See TracTickets for help on using tickets.