MARKETPLACE
PLUGINS
PREVENT TEXT SELECTION
Prevent text selection logo

Prevent text selection

Published May 2022
   •    Updated this week

Plugin details

Stop the user from selecting / highlighting / copying text from your website.
This can significantly improve the UX of your apps, especially on mobile.

Demo editor setup: https://bubble.io/page?type=page&name=prevent_text_selection&id=bh-examples&tab=tabs-1

⚠️ This plugin is intended for improving your apps UX. Please be aware that it is still easily possible to extract your text from the page’s HTML code, eg. using Chrome’s Dev Tools. Don't use this for sensitive content.


Product updates
If you'd like to hear about new tutorials and updates to Cranford Tech plugins, you can sign up for our monthly newsletter at the link below:

https://www.cranfordtech.com/newsletter


Need help building your Bubble app?
You can hire us to build your app for you. Get in touch via the link below:

https://www.cranfordtech.com/hire-us


What’s next
If you like our Prevent text selection plugin, then consider checking out our other projects:

Stripe Connect - Marketplace - The easiest way to manage payments, onboard sellers and effectively run your marketplace app
DocuPotion - Delight your users with beautiful PDFs, designed exactly the way you want
Charles - Turn your Bubble app into a Chrome extension
A+ Product - Onboarding Tour - Introduce users to your app in style with a custom onboarding tour
Universal Video Player - A powerful and highly flexible video player plugin built with Video JS
Beautiful Maps - Mapbox - Add incredible maps to your app
Stripe Checkout (Shopping Cart) – The perfect plugin for eCommerce apps - create shopping cart experiences, add sales tax, shipping rates and more
Simple Slider Input - Create custom sliders that go far beyond the native slider option

Free

For everyone

5.0 stars   •   5 ratings
3.4K installs
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Cranford Tech logo
Cranford Tech
Joined 2021   •   17 Plugins
View contributor profile

Instructions

You can use the workflow 'Disable text selection on page' to disable text selection on the whole page. Use the 'Enable text selection on page' workflow to enable it again.
You can use the workflow 'Disable text selection by element ID' to disable text selection for an individual element, using it's ID Attribute (make sure Expose the option to add an ID attribute to HTML elements in Settings -> General is enabled). Use the 'Enable text selection by element ID' workflow to enable it again.

See the example setup here: https://bubble.io/page?type=page&name=prevent_text_selection&id=bh-examples&tab=tabs-1

ℹ️ Need help? -> https://forum.bubble.io/t/prevent-text-selection-highlighting-by-user/199239/

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Technical   •   Mobile

Resources

Support contact

Rating and reviews

Average rating (5.0)

Solves my problem, excelent!
March 14th, 2025
Great to hear! Thanks for the review :)
March 14th, 2025
  •  
Cranford Tech
it's so cool!
February 11th, 2024
easy to use. recommend
Super good
November 24th, 2023
Awesome.
January 16th, 2023
Does what it says it will do! And does it really well. Super happy with how this turned out for my project.
Just what I needed
October 24th, 2022
Thank you. I made some custom buttons with text and svg icons. This made my menu buttons much more usable.
Bubble