Need help here please. I am trying to hide the ‘add to cart’ woocommerce button when a user selects a specific item in a dropdown list. I have tried multiple JQuery snippets in both functions.php and through 3rd party plugins but am still struggling to get it to work.
Using the plugin wpForms, I can auto-populate a dropdown with Custom Post Types (they call it “Dynamic Post Type Source”). Say I wanted to use this functionality to auto-populate a dropdown with order-ids from WooCommerce, so a logged-in-user can choose between the users orders.
I’ve written the code for getting a logged-in-user order-id’s, so how would I make a CPT that would not really create new posts, but instead be populated with a logged-in-users order-ids at run time (while the user is at a page with the form dropdown on it)?
Already asked wpForms for support, they did not want to help.
The dropdown stays stuck open when Unity launches the game. This happens even with a non-modified dropdown that is plopped as a new UI object inside the canvas.
I tried a blank project, and the issue does not reproduce. I tried in a blank project, and the dropdown works. I tried researching a solution, but not too sure how to find one with this problem. Maybe someone here will have an idea or two.
The repo can be downloaded at https://github.com/DenisLabrecque/Warglobe if desired.
FYI the image above was taken with autocomplete="new-password"
As you can see, the dropdown is covering the error message (which ends in “letters and numbers” (plus a few other error messages).
This error message is IMPORTANT, and the user MUST see it, so how do I hide the dropdown? The dropdown is preventing the user from seeing the message. You could say that “The dropdown is bad UX” in this particular circumstance
You could say to move the message below the field, but then we have the exact same problem, just from the other direction.
As far as I can tell, our solutions are:
move message to a place where the dropdown won’t cover it (like a popup or to the side)
Move the message so it is always displayed on the opposite side to the dropdown
Option 1 doesn’t work because we used to be able to disable the dropdown by setting autocomplete to "new-password" or "off" or "false" or whatever, but none of these things seem to disable the dropdown anymore.
Option 2 doesn’t really work because I want the message to be near the field to give the error message some context. I don’t really want a popup with the error message “You password is too short” because that seems like bad UX also. I guess I could move the error messages to the side of the password input, but that wouldn’t work on small devices that don’t have the screen width.
Option 3 also doesn’t seem very good because the error message is moving around based on the scroll position of the window, and moving text based on some arbitrary scroll line also seems like bad UX.
So yeah, I’m out of options, unless anybody can think of any?
Is this a browser problem? Or is there one simple trick I can use to get the good UX I desire?