Topic: Bug in stretched-link

dbsgroep priority asked 1 year ago

Expected behavior When adding stretched-link class to a anchor inside a card, the while card should be clickable.

Actual behavior Clicking the anchor itself works, but outside the anchor (anywhere inside the card, but the anchor) it is stopped by some Javascript. Disabling the javascript ( seems to make it work just fine. I have the feeling that it is related to the ripple effect on the button that is generated by javascript.

Resources (screenshots, code snippets etc.)

<!doctype html>
<html lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>
    <!-- Font Awesome -->
<!-- Google Fonts -->
<!-- MDB -->
    <h1>Hello, world!</h1>
    <div class="card" style="width: 18rem;">
        <img src="..." class="card-img-top" alt="...">
        <div class="card-body">
            <h5 class="card-title">Card with stretched link</h5>
            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
            <a href="" class="btn btn-primary stretched-link">Go somewhere</a>
    <script src="" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
    <script type="text/javascript" src=""></script>

Kamila Pieńkowska staff answered 1 year ago

This is a bug and we will need to fix it. Until then stretched link won't work with btn class.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.3.1
  • Device: PC
  • Browser: Firefox, Chrome
  • OS: WIndows
  • Provided sample code: No
  • Provided link: Yes