Interestingly, the cursor remains unchanged even when hovered over the section with the hyperlink. Strangely, when I view the svg file separately in my browser, the links function properly. Here is the code snippet:
<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;
}
Despite applying pointer-events :all !important; as shown above, the issue persists.