Skip to content

JSPWIKI-1324 Do not let the select lists be wider than their form - #578

Open
arturobernalg wants to merge 2 commits into
apache:masterfrom
arturobernalg:bug/JSPWIKI-1324
Open

arturobernalg wants to merge 2 commits into
apache:masterfrom
arturobernalg:bug/JSPWIKI-1324

Conversation

@arturobernalg

Copy link
Copy Markdown
Member

JSPWIKI-1324: the time zone and time format lists of the user preferences page are wider than a narrow screen. One of the points of JSPWIKI-1099 (responsive design of that page).

The rule .form-group select in forms.less did not limit the width, so each list is as wide as its longest option. It has max-width: 100% now.

Measured with the WAR on Tomcat 10.1, loading UserPreferences.jsp in Chromium and taking the right edge of every element that is not position: fixed:

Width of the screen Elements past the right edge on master On this branch
360 px 2 (the time format list ends at 385 px, the time zone list at 594 px) 0
500 px 1 (the time zone list ends at 594 px) 0
800 px 0 0
1327 px 0 0

The page does not scroll sideways on master either (its scroll width is the width of the screen). Not tested: Firefox, Edge and Safari, other pages with a select list in a form, how the lists look at those widths (only the position of their edges was measured), and no automated test covers a stylesheet.

https://issues.apache.org/jira/browse/JSPWIKI-1324 (related to JSPWIKI-1099)

The rule for the select lists of a form did not limit their width, so on a narrow screen the lists of the time zone and the time format of the user preferences ended past the right edge. They are never wider than their form now.
@udittmer

udittmer commented Nov 4, 2026

Copy link
Copy Markdown
Contributor

Works in Firefox and Safari.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants