From 0cfc3208752a15ee5b76802eeaede506771c82e7 Mon Sep 17 00:00:00 2001
From: Dan Walmsley <dan@walms.co.uk>
Date: Thu, 22 Sep 2022 16:17:59 +0100
Subject: [PATCH] tweak wasm inputbox so not visible but takes part in a11y
 tree for ios compat.

---
 src/Web/Avalonia.Web.Blazor/AvaloniaView.razor | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/Web/Avalonia.Web.Blazor/AvaloniaView.razor b/src/Web/Avalonia.Web.Blazor/AvaloniaView.razor
index b9b1b93433..5a3b9d5f71 100644
--- a/src/Web/Avalonia.Web.Blazor/AvaloniaView.razor
+++ b/src/Web/Avalonia.Web.Blazor/AvaloniaView.razor
@@ -17,7 +17,7 @@
 	<div id="nativeControlsContainer" @ref="_nativeControlsContainer" />
 
     <input id="inputElement" @ref="_inputElement" type="text" 
-        onpaste="return false;"
+           spellcheck="false" onpaste="return false;"
         oncopy="return false;" 
         oncut="return false;"
         autocapitalize="none"/>
@@ -50,11 +50,18 @@
 #inputElement {
     padding: 0;
     margin: 0;
-    opacity: 0;
     position: absolute;
     height: 20px;
     z-index: 1000;
     overflow: hidden;
+    caret-color: transparent;
+    border-top-style: hidden;
+    border-bottom-style: hidden;
+    border-right-style: hidden;
+    border-left-style: hidden;
+    outline: none;
+    background: transparent;
+    color: transparent;
 }
 
 </style>