Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/bootstrap-vue/bootstrap-vue/issues/4927 below:

b-form-tags id cannot start with numbers · Issue #4927 · bootstrap-vue/bootstrap-vue · GitHub

When using the b-form-tags component, if you use an id or input-id that starts with a number, it throws a DOMException when attempting to add a new tag.

1. Go to The tags docs (https://bootstrap-vue.org/docs/components/form-tags)
2. Click on the first live example, add a number to the start of the id prop (1-tags-basic)

<template>
  <div>
    <label for="tags-basic">Type a new tag and press enter</label>
    <b-form-tags input-id="1-tags-basic" v-model="value" class="mb-2"></b-form-tags>
    <p>Value: {{ value }}</p>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        value: ['apple', 'orange']
      }
    }
  }
</script>

1. Type a new tag and press enter.
2. Note that the tag is not added. Open dev tools and observe the console error.

As per HTML5 specs (https://html.spec.whatwg.org/multipage/dom.html#the-id-attribute), digits should be usable in the id of input elements. The component's id and input-id should allow for this.

Libraries:

• BootstrapVue: 2.6.1
• Bootstrap: 4.4.1
• Vue: 2.6.10

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4