Reading Settings homepage fields width is determined by longest page title, text never wraps

[cuemarie]

Quick summary

On the Settings > Reading page, the form at the top where you select static home and posts pages is getting extended outside the bounds of it's container if pages within those dropdown lists are really long. Rather than the page title wrapping at some point, the form itself extends it's width to contain the page title in full, which looks buggy.

Steps to reproduce

1. On a simple or AT site, check out your Site > Settings > Reading page to see how wide the dropdown fields look.
2. Create and publish a page with a very long title
3. Return to Site > Settings > Reading and observe the form now

What you expected to happen

The form's dropdown fields would stay within their container, and any long page titles would wrap within the dropdown.

What actually happened

The dropdown fields extend past the width of the larger container, and even past the width of the screen.

AT Site

Simple Site

Impact

Most (> 50%)

Available workarounds?

There is no user impact

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

WP-Admin does not exhibit the same behavior - only the open dropdown field uses the width of the page title:

[cuemarie]

📌 ACTIONS

• Assigned to Apex

📌 Message to Devs

• Hey folks! Didn't re-triage since I reported this just now, and assigned based on where I saw other Reading Settings stuff land. LMK if you need more from this report!