search

softwaretailoring / wheelnav

Animated wheel navigation JavaScript library based on Raphaël.js (SVG/VML). It can be a pie menu (radial menu, circular menu) and many more.
https://wheelnavjs.softwaretailoring.net
MIT License
702 stars 101 forks source link

Sub menu click not working when using Curvetext functionality #88

Closed Sibinraj closed 5 years ago

Sibinraj commented 5 years ago

I have created a 3 level menu using wheelnav.js and it was working fine. Now I have updated the js version to 1.8.0 for implementing the curve text functionality. Unfortunately, now the click on the second level menu is not working smoothly. Demo is here https://jsbin.com/calajud/edit?html,js,output I have posted the same on Stackoverflow https://stackoverflow.com/questions/55243617/wheelnav-menu-click-not-working-when-using-curvetext-functionality

softwaretailoring commented 5 years ago

Hi @Sibinraj I've analyzed your issue and unfortunately, I don't have any idea to solve this.

As I see, the titlepath covers other elements:

image

Maybe the solution is here

I would like to note that v1.8.0 is only a release candidate.

Sibinraj commented 5 years ago

Thanks I fixed this issue by making the path display none. I have added two line code inside the addCurvedTitle function. Now the click issue is resolved. var thispathnode = document.getElementById(pathid); thispathnode.setAttribute("style", thispathnode.getAttribute("style") + ";display:none;");

Sibinraj commented 5 years ago

Now I am facing another issue with Arabic text. In google chrome the Arabic text is not rendering correctly. How I will add the arabic text with curvetext functionality? Your answer will be very helpful I have updated demo with Arabic text https://jsbin.com/calajud/edit?html,js,output