-
-
Notifications
You must be signed in to change notification settings - Fork 1.9k
Closed
Description
Issue
When I am using to
property with b-button it does not apply tag
property.
In my case, I am using to
property as I wanted to redirect and tag
property to use the button
HTML element instead it is creating a
element.
With a
element certain CSS properties do not work as it works with the button
element which is creating inconsistency in my application in look and feel.
Steps to Reproduce
- Use
b-button
anywhere in your application - Add
to
property to it to redirect to some other page - Check in your developer tools, that button will be created using
a
HTML element. - Now add one property
tag
in yourb-button
and use value asbutton
. According to doc, it should use thebutton
HTML element to create that button instead ofa
element because I have explicitly defined the HTML tag to be used. - Again check in your developer tools, still, that button will be created using
a
HTML element even thoughtag
is defined asbutton
in properties.
Expected behavior
When we explicitly use tag
property to use certain HTML tag it should use that instead of overriding that with a
when using to
property to support routing.
High level in I think, if we use tag
property explicitly then any other property or values should not impact that and in the end, it should override the values and consider the explicitly provided value.
Versions
- BootstrapVue: ^2.1.0
- Bootstrap: ^4.1.3
- Vue: ^2.6.8
Environment:
- Device: Laptop
- OS: Windows
- Browser: Chrome