Opened 4 months ago

Last modified 4 months ago

#29045 new Bug

admin CSS overrides Select/SelectMultiple size attribute

Reported by: Jonah Bishop Owned by: nobody
Component: contrib.admin Version: 1.11
Severity: Normal Keywords:
Cc: elky Triage Stage: Accepted
Has patch: no Needs documentation: no
Needs tests: no Patch needs improvement: no
Easy pickings: no UI/UX: no

Description (last modified by Jonah Bishop)

I have an admin page set up for a model like so:

@admin.register(p_models.ScheduleType)
class ScheduleTypeAdmin(admin.ModelAdmin):
    formfield_overrides = {
        models.ManyToManyField: {'widget': forms.SelectMultiple(attrs={'size': '30'})},
    }

    list_display = ('name',)

The resulting ManyToMany field has the size attribute set properly, but every browser I try only shows about 8 rows (not 30, as I instructed). I've cleared cache, and tried in multiple browsers (Chrome 63, Firefox 57). My site uses Django 1.11.9.

It looks like the CSS style rules are overriding the size attribute. I'm guessing adding a height: auto; rule to the select[multiple] style set would fix it (it appears to do so in Chrome, at least).

Change History (2)

comment:1 Changed 4 months ago by Jonah Bishop

Description: modified (diff)

comment:2 Changed 4 months ago by Tim Graham

Cc: elky added
Summary: Multiple select widget does not honor size attributeadmin CSS overrides Select/SelectMultiple size attribute
Triage Stage: UnreviewedAccepted
Note: See TracTickets for help on using tickets.
Back to Top