Skip to content

Commit 2cfcd99

Browse files
dkireevdkireev
authored
fix: Textarea disabled and read-only borders [MDS-792] (#2519)
1 parent 1c1ab3e commit 2cfcd99

File tree

3 files changed

+59
-56
lines changed

3 files changed

+59
-56
lines changed

‎next-docs/public/examples/form/__tests__/__snapshots__/index.test.tsx.snap

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -243,7 +243,7 @@ Object {
243243
</label>
244244
<textarea
245245
aria-label="Textarea"
246-
class="block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none"
246+
class="block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-textarea read-only:focus:shadow-textarea read-only:focus-visible:shadow-textarea"
247247
id="info"
248248
/>
249249
</div>
@@ -502,7 +502,7 @@ Object {
502502
</label>
503503
<textarea
504504
aria-label="Textarea"
505-
class="block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none"
505+
class="block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-textarea read-only:focus:shadow-textarea read-only:focus-visible:shadow-textarea"
506506
id="info"
507507
/>
508508
</div>
@@ -680,7 +680,7 @@ Object {
680680
class="w-full max-w-full relative z-0"
681681
>
682682
<textarea
683-
class="block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none"
683+
class="block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-textarea read-only:focus:shadow-textarea read-only:focus-visible:shadow-textarea"
684684
placeholder="Additional information..."
685685
/>
686686
</div>
@@ -801,7 +801,7 @@ Object {
801801
class="w-full max-w-full relative z-0"
802802
>
803803
<textarea
804-
class="block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none"
804+
class="block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-textarea read-only:focus:shadow-textarea read-only:focus-visible:shadow-textarea"
805805
placeholder="Additional information..."
806806
/>
807807
</div>
@@ -1114,7 +1114,7 @@ Object {
11141114
</label>
11151115
<textarea
11161116
aria-label="Textarea"
1117-
class="block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none"
1117+
class="block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-textarea read-only:focus:shadow-textarea read-only:focus-visible:shadow-textarea"
11181118
id="info"
11191119
/>
11201120
</div>
@@ -1369,7 +1369,7 @@ Object {
13691369
</label>
13701370
<textarea
13711371
aria-label="Textarea"
1372-
class="block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none"
1372+
class="block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-textarea read-only:focus:shadow-textarea read-only:focus-visible:shadow-textarea"
13731373
id="info"
13741374
/>
13751375
</div>
@@ -1543,7 +1543,7 @@ Object {
15431543
class="w-full max-w-full relative z-0"
15441544
>
15451545
<textarea
1546-
class="block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none"
1546+
class="block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-textarea read-only:focus:shadow-textarea read-only:focus-visible:shadow-textarea"
15471547
placeholder="Additional information..."
15481548
/>
15491549
</div>
@@ -1660,7 +1660,7 @@ Object {
16601660
class="w-full max-w-full relative z-0"
16611661
>
16621662
<textarea
1663-
class="block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none"
1663+
class="block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none read-only:outline-0 read-only:border-none read-only:cursor-not-allowed read-only:hover:shadow-textarea read-only:focus:shadow-textarea read-only:focus-visible:shadow-textarea"
16641664
placeholder="Additional information..."
16651665
/>
16661666
</div>

0 commit comments

Comments
 (0)