Feature request: stretched link

[MartijnCuppens]

Fixes #18294

Stretched links can make whole cards or other elements clickable. This PR is based on #25087, but can be used in multiple situations, not only cards.

Demo: https://deploy-preview-26184--twbs-bootstrap4.netlify.com/docs/4.1/utilities/stretched-link/

[florianlacreuse]

@MartijnCuppens Just to let you know that we can't select text in element containing a stretched link. Is this a known restriction?

[MartijnCuppens]

@florianlacreuse, that's a known restricting. You can't select text in a link either (eg. see https://codepen.io/MartijnCuppens/pen/GwbWjp)

[mdo]

I'd like to bring this back for v4.2. Looking at it though, I wonder if we should do more to discourage multiple links and modifying their z-index. For inline anchors, including the example you've included here, if I hover over the space between each line of text, the stretched link will be clicked. This feels like it'd backfire for users who aren't watching the hover styles close enough.

[mdo]

Some copy suggestions here to be more specific.

[MartijnCuppens]

Thanks for the copy changes, @mdo. Feel free to add an appropriate warning, I don't know if we should keep the example with the multiple links, because people might just copy paste this bad example?

[MartijnCuppens]

The copy changes are looking good, thanks @mdo!

[mdo]

Build is failing because this is stuck in the 4.1 docs folder. I'll pull the branch down and tackle it.

[XhmikosR]

This was merged directly apparently. I don't agree with that solution since GH allows us to push to forks and pushing directly does NOT run the tests. Let alone you didn't squash.

[XhmikosR]

git rebase -i is so easy, I don't get why you don't use it.

[MartijnCuppens]

I agree, the v4-dev branch now contains some merge commits (like this one de7a382) which will make it unclear what the code is needed for.

[XhmikosR]

@mdo: please disable merge commits for the whole repo. I'd also suggest that you disable direct pushes for admins too, no offense but you know :P

Joking aside, I don't know, you can leave the merge option although we don't really use it. I'm more concerned about the direct pushes.

[IAmHopp]

@mdo I know this is closed, but I think you meant "its containing block" instead of "it's containing block" on line eight of stretched-link.md.