Weird behavior of select box in contribution filters

[pferreir]

Steps to reproduce:

1. Go to contribution list (e.g. ​http://indico.cern.ch/event/214784/contributions)
2. Click "More filters"
3. Click on a select box

The select box will be displayed at the bottom of the page.

[iliastrichopoulos]

Looks like the problem can be solved by removing the attribute

position: relative;

from the .ui-multiselect-menu class.
The attributes of this class are defined in

• indico/indico/htdocs/static/assets/sass/screen_sass_3bd065a0.css
• indico/indico/htdocs/static/assets/sass/screen_sass_3ce7d4ab.css

in my local instance of indico, but in the live site, the file is this one:

• ​http://indico.cern.ch/static/assets/sass/screen_sass_7b90108f.css

How should I proceed with this?

Thanks.

[iliastrichopoulos]

I also found this file

• indico/indico/htdocs/sass/custom/_jquery.multiselect.scss

where I can see that the .ui-multiselect-menu has the following definition:

.ui-multiselect-menu { padding:0; position:relative; }

I am wondering why is this line there, since in the

• indico/indico/htdocs/css/lib/jquery.multiselect.css

file, the definition of this class is like this (position absolute instead of relative, which solves the problem):

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }

I am not very familiar with sass nor how the sass files with the hash names are generated (screen_sass_3bd065a0.css, screen_sass_3ce7d4ab.css), so I could use some enlightening!

Thanks

[iliastrichopoulos]

​https://github.com/nop33/indico/tree/fix-multiselect

[pferreir]

The patch messes up the Room Selection dialog. At least in chrome (see attached image).

[iliastrichopoulos]

In v1.2 it works fine. I will check what's wrong with v1.9.

[iliastrichopoulos]

Fixed by adding

left: 0 !important;

to the .ui-multiselect-menu in _roomselector.scss

​https://github.com/nop33/indico/compare/fix-multiselect

[pferreir]

Merged in 9549de6be3e9dd6f8217230b6bb016c2e9e8eccc