Skip to content

chore: review DialTextarea props and use TextareaHTMLAttributes<HTMLTextAreaElement>#458

Draft
PolinaGurinovich97 wants to merge 6 commits intodevelopmentfrom
chore/review-textarea-props
Draft

chore: review DialTextarea props and use TextareaHTMLAttributes<HTMLTextAreaElement>#458
PolinaGurinovich97 wants to merge 6 commits intodevelopmentfrom
chore/review-textarea-props

Conversation

@PolinaGurinovich97
Copy link
Collaborator

@PolinaGurinovich97 PolinaGurinovich97 commented Jan 26, 2026

…extAreaElement>

Description:

<SHORT_DESCRIPTION>

Issues:

  • Issue #<TICKET_ID>

UI changes

<Please, provide Screenshots or Figma links>

Checklist:

  • the pull request name complies with Conventional Commits
  • the pull request name starts with fix:, feat:, feature:, chore:, hotfix: or e2e:. If contains breaking changes then the pull request name must start with fix!:, feat!:, feature!:, chore!:, hotfix!: or e2e!:.
  • the pull request name ends with (Issue #<TICKET_ID>) (comma-separated list of issues)
  • I confirm that do not share any confidential information

New Component Checklist:

  • component name starts with Dial
  • custom css classes has dial- prefix
  • component export added to index.ts
  • jsdoc is added for component
  • absolute paths are used for imports
    e.g. import { Button } from '@/components/Button/Button instead of import { Button } from '../../Button/Button
  • stories are added
  • tests are added

disabled,
invalid,
readonly,
containerClassName = '', // TODO: Use?
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Currently It's used in use cases admin when text area need to grow to the container size. It's use is demonstrated in story FullParentHeightWithScroll of TextAreaField

You can try to comment out this prop and see that text area doesn't grow to parent height anymore and there is no other way to do this
Image

Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'>,
HTMLTextAreaElement
> {
containerClassName?: string; // TODO: need?
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You can reuse the same approach as in the IconButton implementation (see the pattern around line 62) for passing/handling tooltip props, to keep the behavior consistent:
https://github.com/epam/ai-dial-ui-kit/blob/development/src/components/IconButton/IconButton.tsx#L62

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants