controlkit.js icon indicating copy to clipboard operation
controlkit.js copied to clipboard

styling issue on select box if you specify a container for the control kit

Open Jinnified opened this issue 9 years ago • 2 comments

if you specify a parent node for the contrl kit rather than use body, the select box drop down style would be way off.

this.filterControlKit = new ControlKit({ parentDomElementId: 'map1_filterCtrlKit' }) ...

panel.addGroup({label: 'Tile switcher'}) .addSelect(tileSelections, 'options', { onChange: index=> { tileSelections.selection = tileSelections.options[index] } })

screen shot 2016-08-06 at 23 21 36

Jinnified avatar Aug 06 '16 15:08 Jinnified

just did more dig around, it looks like nothing to do with the parentNode, it's todo with the 'absolute' positioning in css, as long as your css for the control kit is not top 0 right 0 or something like that, the drop down would be off place

Jinnified avatar Aug 06 '16 15:08 Jinnified

will look into it

automat avatar Aug 06 '16 15:08 automat