Great tutorial- thank you! One question... once you have your hover dropdown in place, is it possible in XD to click on one of the items listed to "select" it?
What happens if you hover below the visible box in default state in your example (I noticed each time you hover, you approach hover target from the side and not from the bottom)? I followed your tutorial and realized that the entire footprint of the dropdown becomes a giant hover area, which renders the whole effort useless if I were to share this prototype. Looks like opacity technique makes dropdown transparent but sensitive to hover in default state. I played with layer visibility which works out nicely around hover target, but doesn't allow to hover over dropdown itself… Is there a method to make this dropdown to act as real world dropdown should? Thanks for the tutorial :)
that red button looks cool! I've seen a similar button but I think it was from your other video. Many of your videos have drop down tutorials, I think you have a specialty in that haha
I like the normal/rest states of each, but the drop-down open state was boring due to all color choice after open state , try monochromatic or analogous harmony
Hi Punit, I'm facing an issue and wanted to see if you have a work around for this. If the content behind the extended menu has any button or interaction, they are remain active. The hand cursor keeps showing up where such triggers exist behind the extended part. Is there a solution to avoid this?
Can you make a hover state button clickable? I want the button to change colour and when I click it I want it to go to another artboard. Is it possible to do this?
Hey Punit, is there a way to make a drop down like this but have it so it pushes content down? For example, say you drop down City, but then a Town input under it would get pushed down when you click City?
Awesome tutorial sir A question: is there a trick to make this menu scrollable? just noticed something, I think it's not good UX to leave mask (in the default state ) in just white-space, so you might resize it to the button size and we always learn from you
Hi, dear I have one question to understand, plz help to understand.. okay just like you made a drop down here with animation, but plz confirm how will we use this in android as a control???
Maybe I'm wrong but I think there's no hover functionality in touch screens like iOS and androids devices... you'd have to make it tapable what it's actually easier (hovering states are hard in adobe xd and you can't do certain things yet, but you can make a tap animation and make sure you make notes that that is actually a hover animation and when you develope it you make it as a hover animation
Instead of hover, I did the tap option instead. But its only letting me tap one to open the drop down. It wont let me tap back to close the drop down. How do i fix this?
Hi Paula. It's probably happening because either you don't have the latest update of xd, or the component hasn't been set up. try fixing these two, and let me know if you need help again