Have a multi-select dropdown - which on expand is overlaying the CTA buttons on the form. I have to click elsewhere for the dropdown to close, (since it a multi-select dropdown the general behavior of close panel when an option is selected will not apply) and then click on CTA. I can't change the position of CTA also. Recommendations, please
I have the following feedback for you:
- You can drop it up instead of down if you have fewer options and enough space above your inputs.
Since I don't know the whole case and user interface that you have made I would recommend that if you can make sure that on clicking in the background ( when select is not in focus ), the menu is getting closed.
Thank you, Let me know if you think this answer could be made better.
Since you want the CTA buttons not moved, best way to imagine as an alternative solution is to reverse the arrow on the right-corner of the dropdowns in my point of view.
While you may have them pointing out downwards as usual when they're closed, you may have the arrows pointing upwards when the multi select dropdown's options revealed as above. By allowing user to click that arrow, it lets the dropdown collapse so that, your users freely complete the desired action within your forms via CTA buttons.
You should also think about applying animations during these transitioning (opening/collapsing) cycles.