🐞 - [Skeleton] Should block content selection in a Skeleton

[ajitzero]

Playground Link

https://taiga-ui.dev/directives/skeleton

Description

Current behavior:

• Try to select the content (text/images) across the skeleton section.
• Copy with right-click context menu or Ctrl/Cmd + C.
• We are able to select and copy content which is invisible and should be inert.

Expected behavior: User should not be able to interact with hidden/loading content.

Suggested fixes:

• A simple fix is to add user-select: none. This is unfortunately not supported on Safari yet, but should be fine as a progressive enhancement.
• An additional/complete fix would be to add pointer-events: none.
• Additionally, we should have the aria-busy attribute, but there are nuances here for which I have raised a separate issue: 🚀 - [Skeleton] Accessibilty enhancements (aria) for notifying screen-readers #8999

Angular version

Any/Latest

Taiga UI version

Latest

Which browsers have you used?

• Chrome
• Firefox
• Safari
• Edge

Which operating systems have you used?

• macOS
• Windows
• Linux
• iOS
• Android