Keep Hover state when amending the child
@artf Thank you! I made an example of a working Drop Down List for anyone who comes across this. https://jsfiddle.net/f74zqpgx/ Adam
Read full answer below ↓Question
I'm trying to edit a dropdown list option, and it's quite difficult to style it because you cannot move your mouse to the Style Manager since the hover will disappear. So is there a way to keep the hover state active when amending a child?
I know you can style using the Layer Manager - but that's not as user friendly, just wondering if anyone has discovered a nice work around this issue.
Made a super simple demo of the problem. https://jsfiddle.net/3g8yd9tL/
Answers (3)
@artf Thank you!
I made an example of a working Drop Down List for anyone who comes across this.
https://jsfiddle.net/f74zqpgx/
Adam
Had tried this, but realized you can only edit the styles for the hover state.
You can also just select the div.dropdown-content and set its display to block in the Style Manager then set it back to none when you finish editing.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3294
FEAT: Adding options to properties list array in style manager
Hi, How can I add buildProps to properties list such that when an option is selected, the properties of that option will be displayed An ex...
Issue #1318
Question: How to enable Event of mouse to increase value of input
hi @artf I want to know Is there any way to enable input mouse scroller in style manager as you can my screenshot. i want to initalize scro...
Issue #3123
FEAT: Add 'inline-flex' to display selector in Style Manager
What are you trying to add to GrapesJS? Display style inline-flex. Description: Currently the display selector of the Style Manager has onl...
Issue #2990
QUESTION: Is there a way to use different variations of the same style property?
Note: This is in the context of the Style Manager. Is there a way to use different variations of the same style property? For example when...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.