<b-form-select> options and title?

Hi are there any plans til implement support for title attribute on options (preferly rendered by the v-b-tooltip)?

Something like this:

<template>
  <div>
    <b-form-select v-model="selected" :options="options"></b-form-select>
select>
    <div class="mt-3">Selected: <strong>{{ selected }}</strong></div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        selected: null,
        options: [
          { value: null, text: 'Please select an option' },
          { value: 'a', text: 'This is First option' },
          { value: 'b', text: 'Selected Option' },
          { value: { C: '3PO' }, text: 'This is an option with object value' },
          { value: 'd', text: 'This one is disabled', disabled: true }
         { value: 'xyz', text: 'VeryComplex option', title:'My very good description for the complex option'}
        ]
      }
    }
  }
</script>

[tmorehouse]

There are no plans yet for adding title attributes (also note v-b-tooltip will not work as expected on <option> elements).

You can, however, do the following to get the title attributes set:

<template>
  <div>
    <b-form-select v-model="selected">
      <option
         v-for="(option, idx) in options"
         :key="idx"
         :value="option.value"
         :title="option.title || null"
      >
        {{ option.text }}
      </option>
    </b-form-select>
select>
    <div class="mt-3">Selected: <strong>{{ selected }}</strong></div>
  </div>
</template>

The default slot of <b-form-select>’ provides you greater control over how the options are rendered.

[stale[bot]]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!