Elements under the dialog are selectable and actionable

[Steve-Mcl]

Current Behavior

Dialog does not capture focus.

Elements under the dialog are selectable and actionable

Expected Behavior

• dialog should capture focus
• anything under the shade should not be accessible or actionable

Steps To Reproduce

• open a project overview project/xxx-xxx-xxx-xxx//settings/danger
• click Change Stack button
• Press TAB / SHIFT-TAB key several times (note how elements under the dialog are selectable)
• When an element uder the shade is selected, press SPACE or ENTER to action the item

This behaviour is present on most pages where focusable items exist. e.g. on table kebab menus, when a dialog is shown, the underlying menu button shill has focus and can be manipulated by keyboard.

Environment

• FlowForge version: latest-git
• Browser: Chrome