How to create a clickable area on the whole block view?
Use CSS and custom template structure...

Markup:

&lt;div class="views-row"&gt;
    // Your various markup.
    {{ content }}
    // Link contains no text and is absolute positioned to cover the entire markup area.
    &lt;a class="link" href="{{ link }}" title="Link to {{ print node title here }}"&gt;&lt;/a&gt;
    // The span can be absolutely positioned as well so it is on top of the link.
    &lt;span class="flag"&gt;This is a flag&lt;/span&gt;
&lt;/div&gt;


CSS:

.views-row {
    position: relative;
}

a.link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

span.flag {
    position: relative;
    z-index: 200;
}


With this approach, you will avoid having a link that contains a lot of text and markup that makes no sense to browsers and screen readers.