figma-plugin-ds icon indicating copy to clipboard operation
figma-plugin-ds copied to clipboard

Interactive elements (like button, switch, etc) inside the disclosure are not clickable

Open didoo opened this issue 3 years ago • 0 comments

According to the CSS declaration for .disclosure__content, the content is not clickable https://github.com/thomas-lowry/figma-plugin-ds/blob/a060f663a1f63d14cbc6abd6927c7bb512f1176e/dist/figma-plugin-ds.css#L884

But if a user puts an interactive element (eg. a button, a switch, etc.) inside the "disclosure" component, the interactive element is not clickable. I suggest overwriting the property when the disclose is expanded:

.disclosure--expanded .disclosure__content {
    pointer-events: all;
}

(Happy to open a PR if you think is OK)

didoo avatar May 16 '21 22:05 didoo