Giters

bootstrap-vue / bootstrap-vue

BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

Home Page:https://bootstrap-vue.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Text spacing is not adapting for the menu items in the "Selected" combo box.

msftedad opened this issue · comments

commented

Describe the bug

Text spacing is not adapting for the menu items in the "Selected" combo box.

Steps to reproduce the bug

  1. open the URL "https://vuejs.org/guide/essentials/forms.html#select".
  2. Navigate to the Selected dropdowns.
  3. Observe the issue.

Actual behavior

Text spacing is not adapting for the menu items in the "Selected" combo box.
Selected Combo box

Expected behavior

Text spacing should be adapt for all the menu items in the "Selected" combo box.

Versions

Libraries:

  • BootstrapVue: ^2.22.0
  • Bootstrap: 4.6.1
  • Vue: ^2.6.10

Environment:

  • Device: Window
  • OS: Windows 11 24H2 ((OS Build 26100.1)
  • Browser: Edge
  • Version: 125.0.2535.6

Demo link

If applicable, add a minimal demo link to help explain your problem. Some options for that are CodePen, CodeSandbox, JS Bin or JSFiddle.

You can also export markup from the Online Playground to CodePen, CodeSandbox or JSFiddle.

Additional context

Add any other context about the bug here.

commented

Please stop opening issues. This isn't a bug. It's browser behavior.
Styling <option> on a <select> is severely limited, and out of our control.