This is a snapshot of Indico's old Trac site. Any information contained herein is most probably outdated. Access our new GitHub site here.

#1579 closed defect (fixed)

Weird behavior of select box in contribution filters

Reported by: pferreir Owned by: iliastrichopoulos
Priority: high Milestone: v1.9
Component: General Version: 1.2
Keywords: Cc:

Description

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.

Attachments (1)

multiselect-chrome.png (75.0 KB) - added by pferreir 14 months ago.

Download all attachments as: .zip

Change History (10)

comment:1 Changed 14 months ago by pferreir

  • Owner set to iliastrichopoulos
  • Status changed from new to assigned

comment:2 Changed 14 months ago by 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:

How should I proceed with this? I cannot test it locally since I don't have the data in my db.

Version 0, edited 14 months ago by iliastrichopoulos (next)

comment:3 Changed 14 months ago by 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

comment:4 Changed 14 months ago by iliastrichopoulos

  • Status changed from assigned to awaiting_merge
  • Version changed from 1.1 to 1.2

comment:5 Changed 14 months ago by pferreir

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

Last edited 14 months ago by pferreir (previous) (diff)

Changed 14 months ago by pferreir

comment:6 Changed 14 months ago by iliastrichopoulos

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

comment:7 Changed 14 months ago by iliastrichopoulos

Fixed by adding

left: 0 !important;

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

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

comment:8 Changed 13 months ago by pferreir

  • Status changed from awaiting_merge to merging

comment:9 Changed 13 months ago by pferreir

  • Resolution set to fixed
  • Status changed from merging to closed
Note: See TracTickets for help on using tickets.