Skip to content

[BUG]: Inconsistent Behavior with bl-button Using href #1042

@DamlaDemir

Description

@DamlaDemir

Issue description

When using the href attribute, bl-button renders as an tag styled as a button, which leads to two main issues:

  • Click Event: The bl-click event does not trigger as expected.
  • Disable Behavior: In our domain, we sometimes disable all buttons on a page based on specific conditions. However, since an tag is not a form element, the standard disabled attribute or disable logic does not apply. This means that href-based bl-buttons remain interactive even when they should be disabled, leading to confusing behavior for end users.

My suggestions;

  • I think we should restrict the bl-button component to act solely as a button. We can remove the href functionality so that the component does not attempt to serve as both a link and a button.

  • Create a dedicated link component if needed. If there is a requirement for link behavior styled like a button, consider implementing a separate, clearly-defined component to handle anchor-based interactions. This separation will improve consistency, ensure correct event handling, and maintain expected disable behavior.

Media & Screenshots

No response

Baklava Version

3.3.0-beta.7

Operating system

No response

Priority this issue should have

High (immediate attention needed)

Please review the checkboxes that are applicable.

  • This issue is directly related to React

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions