Custom Dropdown — QA Sandbox

What is being tested?

Custom dropdowns introduce a class of bugs that native elements don't have — they can visually update without updating the actual form value, fail to close on outside click, break keyboard navigation, or throw JS errors on specific options.

What is hidden here

True Negative	Selecting Classic, Modern, or Minimal works visually
Planted Bug #1	Selecting "Premium" throws a JS error and freezes the dropdown
Planted Bug #2	The dropdown does not close when clicking outside
Planted Bug #3	The selected value never reaches the server — form always submits the default
Planted Bug #4	Keyboard navigation (arrow keys, Enter) does not work

Profile Theme Selector

Suggested test steps

Select each option and verify the form submits the correct value to the server
Select "Premium" and observe the console for JS errors
Open the dropdown and click somewhere else on the page — does it close?
Try using arrow keys to navigate the options
Try pressing Tab to move focus through the dropdown