[ui next] Advanced Search on modals have a few issues

[unlikelyzero]

ISSUE TYPE

• Bug Report

SUMMARY

If an Advanced Search option is available on modals, it does not render well with the narrow width of the modal.

1. The elements in an advanced search are pushed off screen
2. The Kebab is triggered by is not used
3. Z-depth of dropdown for keyfields is not observed. Obscured by modal footer

ENVIRONMENT

• Operating System: MacOS 10.15.5
• Web Browser: Chrome 83

STEPS TO REPRODUCE

1. Find a modal which can contain an advanced search i.e. External Secret Management System
2. Use advanced search options to construct a query
   Note: elements pushed outside of modal and kebab action is triggered
   Note: dropdown element for lookup type is rendered below modal footer

EXPECTED RESULTS

1. All advanced search options to be visible and accessible
2. Kebab element to only be present when useful.

ACTUAL RESULTS

1. Advanced search elements pushed outside of modal
2. Empty Kebab

ADDITIONAL INFORMATION

[tiagodread]

The same problem happens outside a modal if your screen resolution is less than 1723px:

[AlexSCorey]

Tool bar going off the screen on a list view.