Link Extend - pressden/emma GitHub Wiki

The link-extend class will extend a hyperlink to cover its entire parent. This is typically used when you want an entire block to act as a link, but the editor doesn't give you an option to do so. The link-extend class will find the first child hyperlink of an element, and then apply that hyperlink to the entire element.

Below is an example of two identical group blocks. The group block on the right uses link-extend to cause the text hyperlink to cover the entire group block.

You'll notice that in the block on the left, only the text hyperlink can be clicked to visit the next page. However, on the right, you'll see the standard hyperlink mouse cursor across the entire block, and clicking anywhere within the block will follow the link to the next page.

img/link-extend.gif