stable

Clone or download

Read-only

Listpicker dropdown should not pass under modals

Part of: story #16646 have searchable (multi) select boxes with (static binding, no dependencies) in modal Behavior: - The dropdown is now appended to document.body - When it is open, the dropdown is positioned under the listpicker element - It matches its width - If the listpicker is in a scrollable parent (like in a modal), the scrolling of the page and the scrollable parent are blocked until the drpoodwn is closed - When the list picker or the window is resized while the dropdown is open, the dropdown is resized, and its position is updated To be tested in artifact views, modal V1, angular modal, workflow modal, move artifact modal etc. Change-Id: I3f4be400517a1a4365648e0ff7f9635de6e5e4b0

Modified Files

Name
M plugins/tracker/scripts/artifact-action-buttons/src/components/MoveModal.vue +0 −1 Go to diff View file
M src/scripts/list-picker/package-lock.json +6 −0 Go to diff View file
M src/scripts/list-picker/package.json +3 −1 Go to diff View file
R src/scripts/list-picker/src/dropdown/DropdownToggler.test.ts Go to diff View file
R src/scripts/list-picker/src/dropdown/DropdownToggler.ts Go to diff View file
M src/scripts/list-picker/src/events/EventManager.test.ts +42 −51 Go to diff View file
M src/scripts/list-picker/src/events/EventManager.ts +22 −28 Go to diff View file
A src/scripts/list-picker/src/events/ScrollingManager.test.ts +161 −0 Go to diff View file
A src/scripts/list-picker/src/events/ScrollingManager.ts +120 −0 Go to diff View file
A src/scripts/list-picker/src/helpers/list-picker-in-modals-helper.test.ts +54 −0 Go to diff View file
A src/scripts/list-picker/src/helpers/list-picker-in-modals-helper.ts +25 −0 Go to diff View file
M src/scripts/list-picker/src/list-picker.ts +13 −8 Go to diff View file
M src/scripts/list-picker/src/navigation/KeyboardNavigationManager.test.ts +5 −17 Go to diff View file
M src/scripts/list-picker/src/navigation/KeyboardNavigationManager.ts +0 −2 Go to diff View file
M src/scripts/list-picker/src/renderers/BaseComponentRenderer.test.ts +7 −4 Go to diff View file
M src/scripts/list-picker/src/renderers/BaseComponentRenderer.ts +7 −1 Go to diff View file
M src/scripts/list-picker/src/renderers/DropdownContentRenderer.test.ts +9 −3 Go to diff View file
M src/scripts/list-picker/src/selection/MultipleSelectionManager.test.ts +3 −2 Go to diff View file
M src/scripts/list-picker/src/selection/MultipleSelectionManager.ts +4 −4 Go to diff View file
M src/scripts/list-picker/src/selection/SingleSelectionManager.test.ts +12 −18 Go to diff View file
M src/scripts/list-picker/src/selection/SingleSelectionManager.ts +3 −3 Go to diff View file
M src/scripts/list-picker/src/type.ts +7 −2 Go to diff View file
M src/scripts/list-picker/themes/style.scss +4 −3 Go to diff View file
M src/themes/FlamingParrot/css/utils/_list-picker.scss +1 −0 Go to diff View file
M src/themes/tlp/src/scss/components/_forms.scss +3 −1 Go to diff View file