Here is my html for the TextArea:
<textarea class="form__text_area" name="component_corners" id="component_corners" cols="30" rows="10" draggable="true" placeholder="Paste the component's polygon corners here. Example: [{"Latitude": 46.75724,"Longitude": -0.35595}, {"Latitude": 46.75725,"Longitude": -0.35575}] Make sure that the format is correct otherwise the server will return an ERROR!"></textarea>
The text needs to be editable, but while in safari I am not able to edit the text. Can someone explain to me why safari is causing this issue? It works perfectly fine on chrome.
EDIT: What is even weirder is that when I quickly switch away and back to the tab with the TextArea on it, I am able to type a single character into the text box, then it becomes uneditable again.