Page MenuHomePhabricator

TextInputWidget (autosize)‎ contains two textareas
Closed, ResolvedPublic

Description

This widget seems to have two actual <textarea> elements, which is undesirable for Accessibility and because it's just weird. :)

<div class="oo-ui-widget oo-ui-widget-enabled oo-ui-inputWidget oo-ui-textInputWidget-labelPosition-after oo-ui-textInputWidget-labelPosition-before oo-ui-textInputWidget" aria-disabled="false"><textarea tabindex="0" aria-disabled="false"></textarea><textarea tabindex="0" aria-disabled="false" class="oo-ui-element-hidden" rows="10" style="display: none; height: auto;"></textarea><span></span><span class="oo-ui-iconElement-icon"></span><span class="oo-ui-indicatorElement-indicator"></span><span class="oo-ui-labelElement-label"></span></div>

Event Timeline

TheDJ raised the priority of this task from to Needs Triage.
TheDJ updated the task description. (Show Details)
TheDJ added projects: OOUI, Accessibility.
TheDJ subscribed.

The widget should have two <textarea> elements only when its configured to autosize.

gerritbot subscribed.

Change 189485 had a related patch set uploaded (by Prtksxna):
TextInputWidget: Use aria-hidden for extra autosize textarea

https://gerrit.wikimedia.org/r/189485

Patch-For-Review

Change 189485 merged by jenkins-bot:
TextInputWidget: Use aria-hidden for extra autosize textarea

https://gerrit.wikimedia.org/r/189485

Prtksxna claimed this task.
Jdforrester-WMF set Security to None.