Text area resize

[Mohamedbenabou]

I am opening an issue for

Component

Package version

"@mozaic-ds/styles": "1.59.0"

Description

When the component is horizontally resized manually, it is possible to go out of frame and the page must be refreshed to return to text area's initial size.

GitHub repository

https://github.com/adeo/yms--frontend

Mock-up(s)

https://www.figma.com/file/fcBucAAVFIJ4FXS0maebFO/Yard-Management-System?type=design&node-id=6871-476721&mode=design&t=OA3NFUFQImfbKOru-0

What happened?

What is expected?

I expect the resizing not to exceed the size of the parent element

To Reproduce

Launch the project. Select a row wich is not cancelled on the onboarding day. On the first block, you can resize the text area.

Code example

<form>
        <m-field
          id="comment-field"
          :label="t('DetailsAppointment.dockAssignment.comment')"
          :requirement-text="t('DetailsAppointment.dockAssignment.optional')"
        >
          <div
            class="mu-mt-100 ml-flexy__col--1of2@from-xl ml-flexy__col--fill comment-wrapper"
          >
            <m-text-area
              id="comment"
              v-model="value"
              name="comment"
              class="mc-field__input mc-textarea mu-mt-050 mu-mr-050"
              rows="4"
              :placeholder="
                t('DetailsAppointment.dockAssignment.commentPlaceholder')
              "
              :class="{
                'is-valid': meta.valid && meta.dirty,
                'is-invalid': !meta.valid,
              }"
              @input="updateComment"
            />
            <div class="mu-mt-050 message-error">
              {{ errorMessage }}
            </div>
          </div>
        </m-field>
      </form>

Is this a regression?

• [ ] Yes
• [ ] No
• [X] I don't know

Additional comments

No response