From b21ef0a07863ab4d6b88ffe54a4ebf713e1960af Mon Sep 17 00:00:00 2001 From: Devika Sujith <34957917+DCoder18@users.noreply.github.com> Date: Wed, 14 Feb 2024 11:38:22 +0400 Subject: [PATCH] user-select: support data --- _features/css-user-select.md | 181 +++++++++++++++++++++++++++++++++++ tests/css-user-select.html | 65 +++++++++++++ 2 files changed, 246 insertions(+) create mode 100644 _features/css-user-select.md create mode 100644 tests/css-user-select.html diff --git a/_features/css-user-select.md b/_features/css-user-select.md new file mode 100644 index 00000000..904f998f --- /dev/null +++ b/_features/css-user-select.md @@ -0,0 +1,181 @@ +--- +title: "user-select" +description: "Controls whether the user can select text." +category: css +keywords: select, copy +last_test_date: "2024-02-14" +test_url: "/tests/css-user-select.html" +test_results_url: "https://testi.at/proj/9zjptajgcxyzc74ockp" +stats: { + apple-mail: { + macos: { + "2024-02": "y #1" + }, + ios: { + "2024-02": "a #1 #2" + } + }, + gmail: { + desktop-webmail: { + "2024-02": "n #3", + }, + ios: { + "2024-02": "n #3" + }, + android: { + "2024-02": "n" + }, + mobile-webmail: { + "2024-02": "u" + } + }, + orange: { + desktop-webmail: { + "2024-02":"u", + "2024-02":"u" + }, + ios: { + "2024-02":"u" + }, + android: { + "2024-02":"u" + } + }, + outlook: { + windows: { + "2013": "n", + "2016": "n", + "2019": "n", + "2021": "n" + }, + windows-mail: { + "2024-02": "n" + }, + macos: { + "2024-02": "n #3" + }, + outlook-com: { + "2024-02": "n #3" + }, + ios: { + "2024-02": "n #3" + }, + android: { + "2024-02": "n" + } + }, + yahoo: { + desktop-webmail: { + "2024-02": "n #3" + }, + ios: { + "2024-02": "n" + }, + android: { + "2024-02": "n" + } + }, + aol: { + desktop-webmail: { + "2024-02": "n #3" + }, + ios: { + "2024-02": "n" + }, + android: { + "2024-02": "n" + } + }, + samsung-email: { + android: { + "2024-02": "y" + } + }, + sfr: { + desktop-webmail: { + "2024-02":"u" + }, + ios: { + "2024-02":"u" + }, + android: { + "2024-02":"u" + } + }, + thunderbird: { + macos: { + "2024-02": "u" + } + }, + protonmail: { + desktop-webmail: { + "2024-02":"u" + }, + ios: { + "2024-02":"u" + }, + android: { + "2024-02":"u" + } + }, + hey: { + desktop-webmail: { + "2024-02":"u" + } + }, + mail-ru: { + desktop-webmail: { + "2024-02":"y" + } + }, + fastmail: { + desktop-webmail: { + "2024-02": "u" + } + }, + laposte: { + desktop-webmail: { + "2024-02": "u" + } + }, + gmx: { + desktop-webmail: { + "2024-02": "n #3" + }, + ios: { + "2024-02":"u" + }, + android: { + "2024-02":"u" + } + }, + web-de: { + desktop-webmail: { + "2024-02": "n #3" + }, + ios: { + "2024-02":"n" + }, + android: { + "2024-02":"u" + } + }, + ionos-1and1: { + desktop-webmail: { + "2024-02": "u" + }, + android: { + "2024-02": "u" + } + } +} +notes_by_num: { + "1": "Works with `-webkit` prefix", + "2": "`all` value does not work", + "3": "Property is stripped from style tag" +} +links: { + "Can I use: CSS user-select":"https://caniuse.com/?search=user-select", + "MDN: user-select":"https://developer.mozilla.org/en-US/docs/Web/CSS/user-select" +} +--- diff --git a/tests/css-user-select.html b/tests/css-user-select.html new file mode 100644 index 00000000..53ed1e13 --- /dev/null +++ b/tests/css-user-select.html @@ -0,0 +1,65 @@ + + + + + + + + + + user-select + + + + +

user-select CSS property

+ +

user-select: auto

+

+ This text is selectable based on user-select value of the parent. +

+ +
+ +

user-select: text

+

+ This text is selectable. +

+ +
+ +

user-select: all

+

+ Clicking once will select all of this text +

+ +
+ +

user-select: none

+

+ This text is not selectable. +

+ +
+ +

user-select: contain

+

+ This text is selectable. +

+ + + + + \ No newline at end of file