WordPress.org

Make WordPress Core

Opened 8 weeks ago

Last modified 25 hours ago

#47366 new defect (bug)

Privacy Policy page dropdown needs a max-width

Reported by: SergeyBiryukov Owned by:
Milestone: 5.3 Priority: normal
Severity: normal Version:
Component: Privacy Keywords: good-first-bug has-screenshots has-patch needs-design-feedback
Focuses: ui, administration Cc:

Description (last modified by SergeyBiryukov)

Previously: #19613, #19782, #21956.

If there's a page with an extra long title, the Privacy Policy page dropdown in Privacy Settings overflows the page width.

See the screenshot.

Attachments (10)

47366.png (41.8 KB) - added by SergeyBiryukov 8 weeks ago.
47366.diff (357 bytes) - added by mukesh27 8 weeks ago.
Patch.
Screen Shot 2019-05-24 at 11.40.50 AM.png (333.1 KB) - added by desrosj 8 weeks ago.
Screen Shot 2019-05-24 at 11.40.27 AM.png (385.8 KB) - added by desrosj 8 weeks ago.
Screen Shot 2019-05-24 at 11.40.20 AM.png (390.8 KB) - added by desrosj 8 weeks ago.
47366.2.diff (364 bytes) - added by desrosj 8 weeks ago.
47366.reading-settings.png (14.6 KB) - added by SergeyBiryukov 7 weeks ago.
47366.options-reading-max-width-100%.png (131.7 KB) - added by mukesh27 7 weeks ago.
Fix with max-width 100%
47366.3.diff (323 bytes) - added by adhitya03 4 days ago.
Attached patch that add max-width in .wp-admin select to resolve the issue in Privacy Settings and Reading Settings page.
47366.4.diff (357 bytes) - added by jalpa1984 36 hours ago.
Forms.css changes

Download all attachments as: .zip

Change History (22)

@SergeyBiryukov
8 weeks ago

#1 @SergeyBiryukov
8 weeks ago

  • Description modified (diff)

@mukesh27
8 weeks ago

Patch.

#2 @mukesh27
8 weeks ago

  • Keywords has-patch added; needs-patch removed

Attached patch that add max-width in select tag.

#3 @desrosj
8 weeks ago

  • Keywords needs-design-feedback added

47366.2.diff uses 100% instead, which allows the <select> to fill the width of the screen on smaller orientations.

I am tagging as needs-design-feedback because on medium screens, the dropdown and button do not align with other elements on the page and the button is butting against the dropdown.

@desrosj
8 weeks ago

#4 @SergeyBiryukov
7 weeks ago

Looks like the same issue also applies to Reading Settings: 47366.reading-settings.png.

@mukesh27
7 weeks ago

Fix with max-width 100%

#5 @mukesh27
7 weeks ago

If we use max-width: 100%; here then it will not resolve our issue. check 47366.options-reading-max-width-100%.png​ attached screenshot.

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


5 weeks ago

#7 @desrosj
5 weeks ago

  • Keywords needs-refresh added

47366.2.diff only targets the privacy policy tools page. The patch needs to be refreshed to include a more general fix that will help with 47366.reading-settings.png.

This ticket was mentioned in Slack in #core-privacy by postphotos. View the logs.


4 weeks ago

@adhitya03
4 days ago

Attached patch that add max-width in .wp-admin select to resolve the issue in Privacy Settings and Reading Settings page.

#9 @adhitya03
4 days ago

use max-width: 15rem because I see select on the user profile's page, they use 15rem for the width. So the select width will be consistent with other pages.

#10 @adhitya03
3 days ago

Oh, I forgot to mention that the patch also work for choosing Default Post Category and Default Mail Category in Writing Settings Page if they have a very very long category.

#11 @adhitya03
2 days ago

  • Keywords needs-refresh removed

@jalpa1984
36 hours ago

Forms.css changes

This ticket was mentioned in Slack in #design by karmatosed. View the logs.


25 hours ago

Note: See TracTickets for help on using tickets.