Seleção de usuário CSS

Em minha busca por contribuir com todos os projetos Mozilla possíveis, passei algum tempo na última sexta-feira fazendo atualizações no Firefox DevTools. O componente JSON Viewer precisava de um pouco de amor, então foi o primeiro da minha lista. Ao visualizar o CSS do componente JSON Viewer, vi algo que não havia reconhecido: CSS user-select:

.heading {
  -moz-user-select: none; /* don't allow selection */
}

Depois de pesquisar um pouco, descobri que o senhor pode controlar o conteúdo que pode ser selecionado usando CSS:

  .dont-select {
    user-select: none;
  }

  .control-select {
    user-select: none; /* don't select anything */
    user-select: auto; /* let the browser decide */
    user-select: all; /* select everything */
    user-select: text; /* select only text */
    user-select: contain; /* selection contained within element bounds */
  }

Quando penso nisso, certamente há um argumento a ser apresentado de que o senhor prefere que alguns conteúdos sejam selecionados e copiados e outros não, como anúncios ou imagens.

Isso se enquadra na família de Eventos de ponteiro CSS onde o CSS é usado para algo diferente de exibição. Minha primeira ideia é que a preferência de seleção deve ser feita por meio de um atributo HTML, como autocomplete e autocorrect são. De qualquer forma, dê uma olhada na demonstração!