fix(quantic): Dropdown alignment issue in quanticSort component

[SimonMilord]

SFINT-5687

ISSUE:

• On smaller screens width, the dropdown for the quantic sort was partially hidden:

SOLUTION:

• Added a dropdown-alignment= "auto" prop to the lightning-combobox in the quanticSort component. This overrides the default Salesforce alignment value for the dropdown of : LEFT

It will now automatically align the dropdown based on the space available for the dropdown which should make it responsive no matter the screen size.

DEMO:

Screen.Recording.2024-08-28.at.4.08.00.PM.mov

[github-actions]

Pull Request Report

PR Title

❌ Title should follow the conventional commit spec:
<type>(optional scope): <description>

Example: feat(headless): add result-list controller

Live demo links

• Storybook

• Playwright report

Bundle Size

File	Old (kb)	New (kb)	Change (%)
case-assist	244.3	244.3	0
commerce	344.3	344.3	0
search	418.1	418.1	0
insight	394.7	394.7	0
product-listing	308.6	308.6	0
product-recommendation	215.2	215.2	0
recommendation	258.1	258.1	0
ssr	408	408	0
ssr-commerce	354.9	354.9	0

SSR Progress

Use case	SSR (#)	CSR (#)	Progress (%)
search	39	44	89
recommendation	0	4	0
product-recommendation	0	10	0
product-listing	0	13	0
case-assist	0	6	0
insight	0	27	0
commerce	0	15	0

Detailed logs

search : buildInteractiveResult
search : buildInteractiveInstantResult
search : buildInteractiveRecentResult
search : buildInteractiveCitation
search : buildGeneratedAnswer
recommendation : missing SSR support
product-recommendation : missing SSR support
product-listing : missing SSR support
case-assist : missing SSR support
insight : missing SSR support
commerce : missing SSR support

[erocheleau]

Let's see if it breaks in the future :D