fix(Dropdown): remove extra space at the end

[tekno0ryder]

Closes #17750

Changelog

Changed

• Changed from grid to flex so that it only add gap if there is more than 1 child element to the wrapper.
  • are there any drawbacks to this change?

Removed

• Removed .#{$prefix}--form-requirement it seems not used since there is no reference from Dropdown.tsx

Testing / Reviewing

No other inline elements:

When there are other inline elements:

[github-actions]

All contributors have signed the DCO.
_{Posted by the DCO Assistant Lite bot.}

[tekno0ryder]

I have read the DCO document and I hereby sign the DCO.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	2edd95c
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/671aa4a9834bbf000837a31f
😎 Deploy Preview	https://deploy-preview-17751--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	1b2e16e
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/670e995fefd2400008767b01
😎 Deploy Preview	https://deploy-preview-17751--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	2edd95c
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/671aa4a9418e7c00087a055f
😎 Deploy Preview	https://deploy-preview-17751--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 80.19%. Comparing base (756834c) to head (2edd95c).
Report is 48 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #17751      +/-   ##
==========================================
+ Coverage   79.33%   80.19%   +0.86%     
==========================================
  Files         406      406              
  Lines       14019    14040      +21     
  Branches     4388     4399      +11     
==========================================
+ Hits        11122    11260     +138     
+ Misses       2731     2613     -118     
- Partials      166      167       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[alisonjoseph]

This breaks the error and warning states for the component. You can go to the playground story and set inline to true. Form requirement classes are used to display the error and warning messages, so those shouldn't be removed. Will probably need a different approach to fix this bug.

Also you'll probably want to use the hideLabel prop vs. setting the title to empty for a11y purposes. (this doesn't fix the grid gap issue however)

[netlify]

❌ Deploy Preview for v11-carbon-web-components failed. Why did it fail? →

Name	Link
🔨 Latest commit	2edd95c
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-web-components/deploys/671aa4a95460e700083342b5

[tekno0ryder]

@alisonjoseph Thanks for the review, have another I look I found relying on grid system to add more rows when needed works in all cases.

[alisonjoseph]

LGTM! Thanks