Opened 14 years ago
Closed 9 years ago
#14716 closed Bug (fixed)
filter_horizontal and filter_vertical don't work on mobile Safari
Reported by: | anonymous | Owned by: | nobody |
---|---|---|---|
Component: | contrib.admin | Version: | 1.2 |
Severity: | Normal | Keywords: | |
Cc: | Triage Stage: | Accepted | |
Has patch: | no | Needs documentation: | no |
Needs tests: | no | Patch needs improvement: | no |
Easy pickings: | no | UI/UX: | yes |
Description
Create a ModelAdmin for a model with a ManyToManyField. Specify that it should display using filter_horizontal or filter_vertical. Confirm that it works fine in a desktop browser (Firefox or Chrome). But fire it up on an iPad and see the two widgets appear with "0 Items" listed instead of the actual items. The admin widgets are non-functional.
Change History (9)
comment:1 by , 14 years ago
comment:2 by , 14 years ago
Triage Stage: | Unreviewed → Accepted |
---|
I can confirm the problem on my iPhone 4 running iOS 4.2. If you tap in the box for the filter horizontal widget you'll actually get an iPhone interface for doing multiple selection that works. The whole business just looks wrong and is counterintuitive/unhelpful.
I'd guess this is related to how mobile safari treats certain classes of html input elements. I'm not an expert on mobile browsers though, so I can't provide too much more info. A quick search on Google reveals similar complaints with no simple solutions other than serving a plain HTML widget to mobile devices and letting their own interface sort it out.
comment:3 by , 14 years ago
Severity: | → Normal |
---|---|
Type: | → Bug |
comment:4 by , 13 years ago
UI/UX: | set |
---|
comment:8 by , 9 years ago
Both widgets (horizontal and vertical) work for me on iOS 8. One only thing is that confusing "0 items" label. This is standard behaviour that means "0 items selected". If you tap on the dropdown you're be able to select multiple items in the list. When you done - label will be changed to "<num> items" where <num> is number of items you selected. I think it should be fine for iOS users who are accustomed to use select multiple on other websites.
Few screenshots to show how it works:
- Vertical filter initial state - https://dl.dropboxusercontent.com/u/2573685/django-filter/1.jpg
- Tap on 'Available' filter to see list of available items - https://dl.dropboxusercontent.com/u/2573685/django-filter/2.jpg
- Tap on items you need to select - https://dl.dropboxusercontent.com/u/2573685/django-filter/3.jpg
- State after tapping 'Done' - https://dl.dropboxusercontent.com/u/2573685/django-filter/4.jpg
- Tap on 'Chosen' filter - https://dl.dropboxusercontent.com/u/2573685/django-filter/5.jpg
Of course UX of this thing is awful but one only thing we can do here is to move selected items to 'Chosen' right after tapping 'Done' avoiding user to tap on arrow icon. But this is separate issue I believe that should be done within whole admin mobile optimisation.
Thoughts?
comment:9 by , 9 years ago
Resolution: | → fixed |
---|---|
Status: | new → closed |
A separate ticket for a better mobile experience sounds like a good idea.
FWIW, I switched on Safari's Debug Mode, and all it says is "No Errors" in the console. Not much help.