dlive.tv - The text is misaligned in the message field of the "Chat"

[softvision-oana-arbuzov]

URL: https://dlive.tv/s/dashboard#0

Browser / Version: Firefox Nightly 108.0a1 (2022-10-18) Operating System: Windows 10 Tested Another Browser: Yes Chrome

Problem type: Design is broken Description: Items are misaligned

Prerequisites: Account created and signed in.

Steps to Reproduce:

1. Navigate to https://dlive.tv/s/dashboard#0
2. Type in a message in the "Chat".
3. Observe text alignment.

Expected Behavior: The text is centered in the message field.

Actual Behavior: The text is aligned on the top side of the message field.

Notes:

1. The issue is not reproducible on Chrome.
2. The issue is also reproducible on Firefox Release.
3. The issue is also reproducible for the hint text in the message field.
4. Screenshot attached.

Watchers: @softvision-oana-arbuzov @softvision-raul-bucata @sv-calin

View the screenshot

Browser Configuration

• None

From webcompat.com with ❤️

[softvision-oana-arbuzov]

Affected area:

<div data-v-b381dece="" class="chatroom-input position-relative width-100 flex-all-center border-radius-3 bg-grey-darken-3">
  <div data-v-b381dece="" class="height-100 flex-auto marginr-3 position-relative">
    <div data-v-b381dece="" class="v-input textarea height-100 v-textarea v-textarea--no-resize v-text-field v-text-field--single-line v-text-field--solo v-text-field--enclosed v-text-field--placeholder v-input--hide-details v-input--is-label-active v-input--is-dirty theme--dark">
      <div class="v-input__control">
        <div class="v-input__slot">
          <div class="v-text-field__slot">
            <textarea maxlength="140" placeholder="Type a Message" rows="1"></textarea>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div data-v-b381dece="" class="emote-btn height-100 flex-all-center clickable">
    <img data-v-b381dece="" src="/img/smile-icon.4d0482c6.svg">
  </div>
  <!---->
</div>

Moving to Needsdiagnosis for further investigation.

[qa_42/2022]