#11975 closed defect (fixed)
dijit.form.Select is too tall in high contrast mode under Claro theme
Reported by: | zhuxw | Owned by: | bill |
---|---|---|---|
Priority: | high | Milestone: | 1.6 |
Component: | Dijit - Form | Version: | 1.5 |
Keywords: | Select high-contrast dijitArrowButtonInner | Cc: | |
Blocked By: | Blocking: |
Description (last modified by )
When using high contrast mode, the dijit.form.Select widget becomes much taller than usual.
Cause: The "display: block" in claro theme file has overridden the "display: none" fix in dijit.css for a11y issues:
dijit/themes/dijit.css line 163
.dijit_a11y div.dijitArrowButtonInner ... { display: none //This is correct! }
dijit/themes/claro/form/select.css line 49:
.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner{ ... display: block //This overrides the previous one! }
Attachments (1)
Change History (4)
Changed 10 years ago by
Attachment: | Select-high-contrast.png added |
---|
comment:1 Changed 10 years ago by
Component: | General → Dijit |
---|---|
Description: | modified (diff) |
Milestone: | tbd → 1.6 |
Owner: | changed from anonymous to bill |
Status: | new → assigned |
Good catch, my tests show that display:block isn't needed at all anyway, so I'll remove it.
comment:2 Changed 10 years ago by
Resolution: | → fixed |
---|---|
Status: | assigned → closed |
comment:3 Changed 10 years ago by
Component: | Dijit → Dijit - Form |
---|
Note: See
TracTickets for help on using
tickets.
dijit.form.Select in high contrast mode