search

Vonage / vivid-3

Vonage's web UI 🎨 toolbelt
https://vivid.deno.dev
Apache License 2.0
51 stars 11 forks source link

[TextArea]: doesn't comply to host width (if set) #1080

Closed ObaidUr-Rahmaan closed 1 year ago

ObaidUr-Rahmaan commented 1 year ago

Description

Resizing of TextArea causing some rendering problem to the outline (when selecting in the textarea)...

image

Component(s) impacted

TextArea

Browser

Chrome

Vivid Web Components version

v3.4.0

Severity

Severity 1 = The design is broken in a critical way that blocks users from completing tasks or damages the brand. Affects major functionality, no workaround.

Application/website

Sigma

CodeSandbox example

Not sure how to reproduce this way

Steps to reproduce the issue (if applicable)

Only thing I show is the code:

                  <vwc-3-text-area
                    rows="5"
                    placeholder="Summary of the change in less than 100 chars"
                    :value="summary"
                    :disabled="isLoading"
                    maxlength=100
                    required="true"
                    class="w-full vvd-root"
                    @input="updateSummary">
                  </vwc-3-text-area>

Release date (if applicable)

No response

Code of Conduct

rachelbt commented 1 year ago

the bug: the text-area in the example has w-full which is width: 100% in tailwind. The text area is not fully stretched but the focus is.

YonatanKra commented 1 year ago

@rachelbt , Is this issue blocked by VIV-904?

rachelbt commented 1 year ago

the issue moved to jira: https://jira.vonage.com/browse/VIV-905