Text is not selectable on the site

[Hoolean]

Problem

The user cannot select text by dragging with their mouse cursor on the site. This is unexpected and prevents the user from easily copying useful text.

Reproducing

1. Navigate to the live SEAP PIP website
2. Attempt to select text in the main content of the page

Expected

The text is selected, as normal.

Actual

The text cannot be selected.

Environments

• Firefox v69.0.1 (admittedly with some add-ons)
• Ubuntu 19.04

...and also...

• Chromium v76
• Ubuntu 19.04

[katjam]

Another symptom of the site being vanilla I think.

May have been to do with accessibility when we are not using a virtual-dom - we have set the user-select: none on the display: none elements but not sure why the 'active' content is not selectable.

It may also have been to do with accessibility in not accidentally highlighting text when trying to press buttons. We could look into more if we feel it is an issue.

The part of the app which is intended for printing is printable using the button.

There might be use cases for copy pasting other text though.