Выделите целое слово на мобильном Safari iOS (iPhone / iPad), удерживая нажатой

Question

Я пытаюсь выделить текст на веб-странице с помощью Mobile Safari на iOS (iPhone / iPad). Текст, который я пытаюсь выделить, не содержит пробелов, но он может содержать специальные символы внутри слова (т.е. !$@) - например, список случайно сгенерированных паролей.

<div>
  <span>fkCJziSew6yNKt$pDLE4bd</span><br />
  <span>sNe$?jWftpJXgbH48aUC2i</span><br />
  <span>ACw7Hy6gcLUrjepuDz2EbK</span><br />
  <span>zqVtJUZuc2L7hvXMGwSERy</span><br />
</div>

Если слова содержат только буквенно-цифровые символы (т. Е. A-Z и 0-9), тогда я могу удерживать нажатой слово и выбрать слово целиком - затем я могу выбрать «Копировать», и он скопирует целый мир. Но если слово содержит специальные символы (например, !$@), тогда, когда я удерживаю нажатой, оно выберет слово только до специального символа. Специальный символ вызывает разрыв слова как поведение в iOS. Затем я могу, конечно, вручную расширить выделение, чтобы оно охватывало все слово, но я пытаюсь изменить поведение, чтобы оно изначально выделяло все слово.

Я пытался установить свойство user-select CSS для элемента span, но, похоже, это не имеет значения.

-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;

Есть ли у кого-нибудь предложения о том, как добиться такого поведения?