SOLVED: Allow pointer-events on image caption

Bugs
1

Bricks Version: 1.5 beta

To reproduce:

  1. Have (in media library) an image with caption that includes link so for example <a href="https://www.freepik.com/vectors/team-meeting">Team meeting vector created by katemangostar - www.freepik.com</a>
  2. Add image element to page (make sure that caption isn’t set to custom or no caption)
  3. Go to preview and try to click the link

This link won’t be clickable because of this CSS

.bricks-image-caption, .brxe-image .icon {
    color: #fff;
    pointer-events: none;
    position: absolute;
    text-align: center;
}

Precisely pointer-events: none;.

@timmse could this be changed for .bricks-image-caption or is there a reason you don’t want to allow it by default?

2

Hi Mateusz,
Good question, to which I have no quick answer.

However, you can easily overwrite the style yourself (until I know why).
Add this to Bricks > Settings > Custom CSS:

.bricks-image-caption {
pointer-events: auto;
}

Best regards,
timmse

3

Yeah, it is exactly what I did to make it work, but would love not to use custom CSS for some silly attribution captions :smiley: Just let me know when you figure out the answer :slight_smile: