fixes focus state and text selection issue #7529
Conversation
| } | ||
|
|
||
| .highlight-copy-block-hint { | ||
| position: absolute; | ||
| top: 0; | ||
| right: 1.8rem; | ||
| color: white; | ||
| user-select: none; |
There was a problem hiding this comment.
When I test this locally, it still copies "highlighted code example" since that text exists outside of this class. You can test by using your mouse to drag and copy/paste text.
There was a problem hiding this comment.
I tried to select it (posted a screenshot of that on the PR overview). Can you screenshot your case, maybe I'm misinterpreting the issue.
There was a problem hiding this comment.
Yeah, I'm testing on this page locally with the code block in this section: http://localhost:3000/react/build-a-backend/add-aws-services/deletion-backup-resources/#enabling-point-in-time-recovery-for-dynamodb-tables
Drag your mouse to select the whole code block, then use ctrl + c or right click to copy and paste the content somewhere. At the end of what I paste, I see the text "highlighted code example" because that text exists outside of the class you added user-select: none to:
Description of changes:
Related GitHub issue #, if available:
Instructions
If this PR should not be merged upon approval for any reason, please submit as a DRAFT
Which product(s) are affected by this PR (if applicable)?
Which platform(s) are affected by this PR (if applicable)?
Please add the product(s)/platform(s) affected to the PR title
Checks
Does this PR conform to the styleguide?
Does this PR include filetypes other than markdown or images? Please add or update unit tests accordingly.
Are any files being deleted with this PR? If so, have the needed redirects been created?
Are all links in MDX files using the MDX link syntax rather than HTML link syntax?
ref: MDX:
[link](https://docs.amplify.aws/)HTML:
<a href="https://docs.amplify.aws/">link</a>When this PR is ready to merge, please check the box below
By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.