I would like to create a page with many sections, those each are marked with anchor (<a id="something">... just to be clear :) )

I would like to create references to those sections with a simple hyperlink as: <a href="somedomain/munio-portfolio/pageaddress#sectionID" >some text</a>

If I create manually or with wordpress GUI the above settings, it is seems to be ok, however if I click on hyperlink, the references section will be wrong in the browser's URL bar.

I expect like this: somedomain/munio-portfolio/pageaddress#sectionID
However I got like this: somedomain/munio-portfolio/pageaddress/sectionID"

So the # sign replaced with a / sign, and i ended up at the top of teh referenced page and NOT scrolled (or teleported) to the referenced section.

Just to be sure, I created a simple two html page test site at my computer to check if I'm remember correctly to the usage of anchor-hyperlink combo, and I can achieve this functionality with pure html. Now with the wordpress-munio combo I can not reach my goal.

Additional information, the A tag's attributes will be like this in the page source:

href="protocol://somedomain/sitename/pagename#wp-second" data-type="URL"

And does not matter if I will click on this link, or simply edit the address bar of browser, the URL will be ruined on the page load.