Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(core) Add Support for Multi-line Messages in Select Component Dropdown #12596

Open
wants to merge 9 commits into
base: main
Choose a base branch
from

Conversation

khotcholava
Copy link
Contributor

@khotcholava khotcholava commented Oct 17, 2024

fix(core): Add Support for Multi-line Messages in Select Component Dropdown

closes #11430

Description

  • Refactored the select component to manage text display mode.
  • Adjusted padding in the select component message to eliminate unnecessary space.
  • Introduced a new input property, textOverflow, to control how text is displayed in the dropdown list, allowing for either ellipsis or full text.

After

Screenshot 2024-10-18 at 02 39 57

khotcholava and others added 5 commits October 17, 2024 18:01
closes [#11430](#11430)

## Description
Fix select form message styling in select component
closes [#11430](#11430)

## Description
Fix select form message styling in select component
closes [#11430](#11430)

## Description
Fix select form message styling in select component
Copy link

netlify bot commented Oct 17, 2024

Deploy Preview for fundamental-ngx ready!

Name Link
🔨 Latest commit 4ca59b3
🔍 Latest deploy log https://app.netlify.com/sites/fundamental-ngx/deploys/671192ce70de5c0008330834
😎 Deploy Preview https://deploy-preview-12596--fundamental-ngx.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Oct 17, 2024

Deploy Preview for fundamental-ngx ready!

Name Link
🔨 Latest commit 08c6036
🔍 Latest deploy log https://app.netlify.com/sites/fundamental-ngx/deploys/6720eb69d628840008e06bd8
😎 Deploy Preview https://deploy-preview-12596--fundamental-ngx.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

github-actions bot commented Oct 17, 2024

Visit the preview URL for this PR (updated for commit 08c6036):

https://fundamental-ngx-gh--pr12596-11430-fix-select-for-ffhp79qa.web.app

(expires Fri, 01 Nov 2024 14:08:50 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 41b993ee8e451bd7c6770b342ce142dc886eacff

Copy link
Contributor

@droshev droshev left a comment

Choose a reason for hiding this comment

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

the PR title is not well written and the PR fields are not set

@khotcholava khotcholava changed the title 11430 fix select form message fix(core) Add Support for Multi-line Messages in Select Component Dropdown Oct 20, 2024
…opdown

closes [#11430](#11430)

## Description
- Refactored the select component to manage text display mode.
- Adjusted padding in the select component message to eliminate unnecessary space.
- Introduced a new input property, textOverflow, to control how text is displayed in the dropdown list, allowing for either ellipsis or full text.
@@ -327,6 +345,11 @@ export class SelectComponent<T = any>
/** @hidden */
_selectionModel: SelectionModel<OptionComponent>;

/** @hidden */
get showEllipsis(): boolean {
Copy link
Member

Choose a reason for hiding this comment

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

Looks good but why bother with this getter function if you could simply do textOverflow === 'ellipsis' in the template?

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.

Select Form Message
3 participants