Prevent User for Copy/Pasting Text

Is there any way to prevent a user from copying a text field in my app? Here’s the use case:

I have a table that is organized using a repeating group, the client I’m working with does not want for the users of the tool to be able to copy the text and paste into their own spreadsheet tool. Is this possible in Bubble?

@mason2 welcome to the community!

Perhaps you can explore if a plugin can do what you require

  1. Go to Settings
  2. Click SEO/ metatags tab
  3. Add following style under Script/ meta tags in header section:
body{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
2 Likes

I believe the above works for the entire body, but the following can be done to target individual elements:

  1. Go to Settings
  2. Click SEO/ metatags tab
  3. Add following style under Script/ meta tags in header section:

style → add <> around style. This editor removes the <>
#unselectable {
-webkit-user-select: none;
-webkit-touch-callout: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/style → add <> around style. This editor removes the <>

It should look like this
image

  1. Enable IDs

  2. Then add the ID to the element that you don’t want selected.

5 Likes