Skip to content

bs_btn with link creates type=button anchor tag #22

@fiedl

Description

@fiedl

Context

This concerns the button component:
https://github.com/matestack/matestack-ui-bootstrap/blob/main/lib/matestack/ui/bootstrap/components/button.rb

Scenario

Specifying a link for a bs_btn:

bs_btn "wählen", link: { path: dashboard_path }

Observed behaviour

A <a type="button" class="btn btn-primary"> tag is generated, which is not styled as expected by bootstrap.

Bildschirmfoto 2021-11-22 um 00 00 26

Expected behaviour

To be styled correctly by bootstrap, the tag should be:

  • <button type="button" class="btn btn-primary">, or:
  • <a class="btn btn-primary"> (without the type)

Bildschirmfoto 2021-11-22 um 00 03 34

Workaround

Overwrite the type attribute:

bs_btn "wählen", type: "", link: { path: dashboard_path }

Browsers

I have observed this in Safari. It looks correct, however, in Chrome.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions