-
Notifications
You must be signed in to change notification settings - Fork 735
Docs - LiveCode in table cell - block interaction #3610
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
return ( | ||
<div className={`${styles.componentItemContainer} ${!showCode ? styles.componentSpotlightStyle : ''}`}> | ||
{content} | ||
{interactionBlocker} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Because this div is over the content, when the content is the codePreview, the user can't select the code or copy it. It blocks the interactions with it. Perhaps we can just wrap the componentPreview
with a div that has pointerEvents: none
. Wdyt?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I tried that but it didn't work, now it is so probably didn't implemented well. Anyways, changed.
Good catch!
…/fix_line_interaction # Conflicts: # docuilib/package.json
<LiveProvider code={code} scope={ReactLiveScope}> | ||
<LivePreview/> | ||
</LiveProvider> | ||
<div style={{pointerEvents: 'none'}}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
You could add this as a class in the styles file. Wdyt?
Description
Docs - LiveCode in table cell - block interaction
Changelog
Docs - LiveCode in table cell - block interaction
Additional info