I have some code that sets a link in text item (which happens to be in a repeater). So the code is like
$item("#title").html = itemData.htmlTitle;
Where itemData.htmlTitle was set earlier to a string like
The result is clickable in Chrome and Firefox.
In Edge and IE they are not clickable.
The <div> that surrounds the <a> tag has a style that includes pointer-events: none.
<div data-packed="true" class="style-jplrrgta" id="comp-jplrrgt2__1" style="left: 0px; width: 954px; position: absolute; pointer-events: none; top: 0px;"> <a style="font-size:18px; color:rgba(161, 177, 30, 1);" href="http://www.example.com" target="_blank" data-content="http://www.exampel.com/" data-type="external" rel="nofollow" class="">Link Text</a> </div>
I suspect Edge and IE treat that differently. If I add pointer-events: auto; to the style of the <a> or to a <span> around it, it does not help as it's not an allowed style element.
How can I change, prevent, override the pointer-events: none property on the <div> ?