svg tooltips aren't showing when pointer-events: none; is used

Asked Oct 24 '22 at 23:50

Active Oct 25 '22 at 00:06

Viewed 54 times

How do I fix this so that the tool tip is able to be seen?

If I remove pointer-effects, then the video is not able to be clicked.

How the code works is, you click on the play image and a video appears.

Removing pointer effects will cause the video not to be able to be clicked.

.background svg{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0%;
  pointer-events: none;
}
        <div class="background">
            <svg height="100%" width="100%" viewBox="0 0 856.3 856.2">
                <title>Random Music</title>

edited Oct 25 '22 at 00:06

asked Oct 24 '22 at 23:50

Eve Ninnall

1

Then the video is not able to be clicked. – Eve Ninnall Oct 24 '22 at 23:54
your question has no video – Robert Longson Oct 24 '22 at 23:58
1

In the code you click on the play button and then a video appears. – Eve Ninnall Oct 25 '22 at 00:00
code needs to be in the question, not just in some offsite link. – Robert Longson Oct 25 '22 at 00:04

svg tooltips aren't showing when pointer-events: none; is used

0 Answers0