Bug: TextAreaのlabelの位置が固定されない

[toshusai]

Describe the bug / 概要

TextAreaのlabelの位置がスクロールなどでずれる問題があります。

To Reproduce / 再現方法

例として次のようなコードでスクロール時に問題が発生します。

      <div
        style={{
          height: "200px",
          overflow: "auto",
        }}
      >
        <TextArea
          label="Label"
          placeholder="Placeholder"
        />
        <div
          style={{
            height: "400px",
          }}
        />
      </div>

Expected behavior / 期待される動作

TextAreaのlabelは外の要素に関わらず固定されることを期待します。

Screenshots / スクリーンショット

TextArea.label.mov

Environments / 環境

Desktop

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36