dojo / dojo/themes

Combo / Time picker / Listbox does not have a max height and are not scrollable

Open
#7 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
CSS
Stars
12
Forks
18
PR merge metrics
No merged PRs in 30d

Description

@tomdye commented on [Fri Feb 02 2018](https://github.com/dojo/widgets/issues/443)

**Bug**

The listboxes presented by timepicker / combo box etc do not have a max height and as such they can run right off of a screen. This makes it very hard for a user to get to the value they require.
They also do not have a scrollbar and as such you cannot scroll through results without losing your place on the page.

![screenshot 2018-02-02 14 19 55](https://user-images.githubusercontent.com/814453/35737669-3a88c5fc-0824-11e8-8aab-31071192023f.png)

---

@smhigley commented on [Fri Feb 02 2018](https://github.com/dojo/widgets/issues/443#issuecomment-362652924)

I set a `max-height` to test keyboard scrolling behavior in development, so the requisite styles and behavior are there. All it would need is a `max-height` style. I'm leery of putting this directly in our theme CSS though, since the best max-height can be very context-dependent.

Would you be OK with adding this to our examples, or do you want it directly in the theme? Alternatively, do you think we need to add logic to the widget itself to prevent it going off-screen?

---

@tomdye commented on [Fri Feb 02 2018](https://github.com/dojo/widgets/issues/443#issuecomment-362673675)

I think that it needs to `just work` as expected out of the box. Perhaps a max height property as you suggested defaulting to a sensible value.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.