-
-
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-buttonanywhere in your application - Add
toproperty to it to redirect to some other page - Check in your developer tools, that button will be created using
aHTML element. - Now add one property
tagin yourb-buttonand use value asbutton. According to doc, it should use thebuttonHTML element to create that button instead ofaelement because I have explicitly defined the HTML tag to be used. - Again check in your developer tools, still, that button will be created using
aHTML element even thoughtagis defined asbuttonin 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