{"action":"closed","issue":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/18176","labels_url":"https://api.github.com/repos/twbs/bootstrap/issues/18176/labels{/name}","comments_url":"https://api.github.com/repos/twbs/bootstrap/issues/18176/comments","events_url":"https://api.github.com/repos/twbs/bootstrap/issues/18176/events","html_url":"https://github.com/twbs/bootstrap/issues/18176","id":115280052,"number":18176,"title":"Add utility class for user-select:none ?","user":{"login":"adelivuk","id":6178877,"avatar_url":"https://avatars.githubusercontent.com/u/6178877?v=3","gravatar_id":"","url":"https://api.github.com/users/adelivuk","html_url":"https://github.com/adelivuk","followers_url":"https://api.github.com/users/adelivuk/followers","following_url":"https://api.github.com/users/adelivuk/following{/other_user}","gists_url":"https://api.github.com/users/adelivuk/gists{/gist_id}","starred_url":"https://api.github.com/users/adelivuk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/adelivuk/subscriptions","organizations_url":"https://api.github.com/users/adelivuk/orgs","repos_url":"https://api.github.com/users/adelivuk/repos","events_url":"https://api.github.com/users/adelivuk/events{/privacy}","received_events_url":"https://api.github.com/users/adelivuk/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/twbs/bootstrap/labels/accessibility","name":"accessibility","color":"bfd4f2"},{"url":"https://api.github.com/repos/twbs/bootstrap/labels/css","name":"css","color":"563d7c"},{"url":"https://api.github.com/repos/twbs/bootstrap/labels/v4","name":"v4","color":"563d7c"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-11-05T13:06:03Z","updated_at":"2015-12-08T07:22:37Z","closed_at":"2015-12-08T07:22:37Z","body":"Is there a reason why the text selection isn't disabled on the `.checkbox label` element? It's kind of annoying when you're clicking fast on the element, see the image:\r\n\r\n![screen shot 2015-11-05 at 13 56 04](https://cloud.githubusercontent.com/assets/6178877/10968911/0440c8cc-83c5-11e5-8f27-b1f095951be1.png)\r\n\r\nAdding these styles fixes the issue:\r\n\r\n```\r\n.checkbox label{\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n```\r\n\r\n<hr>\r\n\r\nOr maybe creating, for example, a `.disable-user-select` class, like:\r\n\r\n```\r\n.disable-user-select{\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n}\r\n```\r\n\r\n```\r\n<div class=\"checkbox\">\r\n    <label class=\"disable-user-select\">\r\n        <input type=\"checkbox\"> Check me out\r\n    </label>\r\n</div>\r\n```\r\n\r\n<hr>\r\n\r\nHowever, I've noticed that you using the `user-select` style on the `.btn` class. Should I add `.btn` class to the `.checkbox label` element? Is that the \"bootstrap\" way for dealing with it?\r\n\r\n```\r\n<div class=\"checkbox\">\r\n    <label class=\"btn\">\r\n        <input type=\"checkbox\"> Check me out\r\n    </label>\r\n</div>\r\n```"}}