Add option Un-Selectable Text

Idea
1

Hey Guys & @Bubble team,

Can we have an option to set a text element as un-selectable? Easily done through CSS but would be great if we had this as an option here

image

So this is what i mean. Selectable text can be selected and highlighted like this
image

Ths CSS code is simple enough by adding a class like this

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

By the way for anyone who is looking for a temporary solution you can apply this CSS by placing in the head of the page and changing to apply to a specific ID. Unfortunately, you may have to make more than one because you should keep ids unique

so put this in the head

<style>
    #unselectable {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
</style>

this will be applied to all ids that are named unselectable

13 Likes
2

Very useful especially for mobile apps, thank you!

3

Thanks @AliFarahat this was helpful.

I have added a feature request in the ideaboard for this now. Hope it gets picked up some day.

1 Like
4

Wish Bubble can add this natively!