React Code Snippet copy button not working

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you’re having

• go to http://react.carbondesignsystem.com/?path=/story/codesnippet--single-line
• click the copy button
• paste it somewhere else

Is this issue related to a specific component?

• CodeSnippet, but may affect other components that are using the copy button

What did you expect to happen? What happened instead? What would you like to see changed?

• I expected it to copy the text snippet. It didn’t.

What browser are you working in?

• Chrome Version 77.0.3865.120 (Official Build) (64-bit)
• MacOS Catalina

What version of the Carbon Design System are you using?

• Whatever’s on your demo page

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

[guigueb]

@asudoh / @repjarms I thank you two for continuing to address this. We - IBM Cognos - have also ran into this issue and will benefit from the fix.

I would like to make a request. In @repjarms’s comment on Jan 30 the it was mentioned to override the onClick - and I agree this is needed. But I think there’s also a case for not overriding but to propagate the onClick.

Usecase (we have this situation):

• client calls CodeSnippet with an onClick
• client wants the copy-to-clipboard to happen and also receive an onClick event to do some other task

I’m not sure the best way to accomplish this. Maybe an additional prop to indicating if the copy-to-clipboard should happen (or not happen). const copyToClipboard = this.props.copyToClipboard ?? this.props.onClick ? false : true;

[asudoh]

IIRC we historically let application code to do the actual copying due to the nature of requiring 3rd party library (back then). This may have changed now and feel free to implement the copying if anybody finds a cross-browser/lightweight way to do that.