CircleType.js not adding text to "aria-label" #143
Description
Been tryna follow the docs here, https://circletype.labwire.ca/, on how to set this up and think I've followed everything correctly, however, the expected result isn't what I get.
In the examples on the page referenced above, the text inside the target element gets pulled into the "aria-label" attribute, whereas for me it's always blank.
Here's my code:
.circular-text_wrapper {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
.circular-text {
color: transparent;
-webkit-text-stroke: 1px $navy;
font-family: $sedgwickAveDisplay;
font-size: 24px;
font-weight: 400;
font-style: normal;
line-height: 24px;
text-transform: uppercase;
}
}
const circleType = new CircleType(
document.getElementById('circular-text')
).radius();
The circletype.min.js file is pulling in ahead of the above JS, and I'm not getting any errors in the console - and as far as I can tell it is at least trying to work as it does remove my text from #circular-text, just never adds it to the aria-label for whatever reason.
You can inspect the code here, https://matthewmeaklim.com - it's inside the image within the reviews section just above the footer.
I guess I'm doing something daft but can't for the life of me see what it is.
Many thanks in advance.
P.S. Looks to be a great plugin from the examples!