Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Link in caption auto hovers on it's own... #424

Closed
nandoblanco opened this issue Mar 2, 2023 · 1 comment
Closed

Link in caption auto hovers on it's own... #424

nandoblanco opened this issue Mar 2, 2023 · 1 comment
Labels
needs triage This issue has not been triaged by maintainers

Comments

@nandoblanco
Copy link

nandoblanco commented Mar 2, 2023

Describe the bug
As the title says, I have captions on my images and those captions have links, when I first open an image it looks like the link thinks I'm hovering over it but I'm not...

To Reproduce
Steps to reproduce the behavior:
You can see it here: https://watch.screencastify.com/v/pygvplA5AnrRdk1f3prA

Additional context
Seems to only happen after opening an image for the first time, going to the next image doesn't do it... I don't think anything I'm doing specifically can cause this issue but just incase:

my links html

<div class="grid-item">
                <a href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/orange-tree.jpg" data-fancybox="gallery" data-caption='Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna <a href="#">aliquyam</a> erat, sed <strong>diam voluptua</strong>.'>
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/orange-tree.jpg" />
                </a>
            </div>
            <div class="grid-item">
                <a href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/submerged.jpg" data-fancybox="gallery" data-caption='Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna <a href="#">aliquyam</a> erat, sed <strong>diam voluptua</strong>.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna <a href="#">aliquyam</a> erat, sed <strong>diam voluptua</strong>.'>
                    <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/submerged.jpg" /> </a>
            </div>

my js:

Fancybox.bind('[data-fancybox="gallery"]', {});

my css:

.fancybox__caption {
    line-height: 1.5;
    color: #fff;
    max-width: 80%;
    cursor: unset;
}

.fancybox__caption a,
.fancybox__caption a:visited {
    color: #fff;
    text-decoration: none;
    border-bottom: solid 1px #fff !important;
}

.fancybox__caption a:hover,
.fancybox__caption a:focus {
    color: #fff;
    text-decoration: none;
    border-bottom: none !important;
}```
@nandoblanco nandoblanco added the needs triage This issue has not been triaged by maintainers label Mar 2, 2023
@fancyapps
Copy link
Owner

Hi,

It should be fixed in the latest release. Thanks for reporting!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs triage This issue has not been triaged by maintainers
Projects
None yet
Development

No branches or pull requests

2 participants