In fact , the pointer doesn’t even change its shape when it is hovered over the part containing the hyperlink. When I open the svg file separately in my browser , the links work alright . Below is the code:
<HTML>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable modal-xl">
<div class="modal-content">
<div class="modal-body">
<img src="drawing.svg">
</div>
</div>
</div>
</div>
CSS
.modal-dialog{
pointer-events: all !important;
}
As you can see above, I tried setting pointer-events :all !important; but that didn’t work.
New contributor
sky-prince-gamer is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.