# Cannot locate svg elements (web development using vue.js)

**URL:** <https://forum.katalon.com/t/cannot-locate-svg-elements-web-development-using-vue-js/48967>\
**Category:** Web Testing\
**Tags:** katalon-studio\
**Created:** [November 6, 2020, 9:26am UTC](https://forum.katalon.com/t/cannot-locate-svg-elements-web-development-using-vue-js/48967 "2020-11-06T09:26:14Z")\
**Posts on this page:** 1\
**Showing post:** 10

<div class="post-metadata">

**Author:** ![kazurayam](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/kazurayam/32/333_2.png) [@kazurayam](https://forum.katalon.com/u/kazurayam)\
**Post date:** [November 9, 2020, 8:48am UTC](https://forum.katalon.com/t/cannot-locate-svg-elements-web-development-using-vue-js/48967/10 "2020-11-09T08:48:37Z")

</div>

Here is an example project in which a xpath selector can successfully locate a `<svg>` element generated by Highcharts.

> [@Katalon CSS/Xpath not working with SVG charts](http://forum.katalon.com/t/katalon-css-xpath-not-working-with-svg-charts/9155/6):
>
> The following XPath expression selects the svg node of the target document: //div[@ id="container"]/div/\*[namespace-uri() = "http://www.w3.org/2000/svg" and local-name()="svg"] (Please ignore a single space character between @ and id, this space character is inserted to work-around a markup problem of this forum) The target document has only one svg node so that you can relax the predicate and simplify the expression as follows: //div[@ id="container"]/div/\*[local-name()="svg"] Supposing yo…

I think that the XML Namespace `xmlns="http://www.w3.org/2000/svg"` in the target `<svg>` element matters.

---

_[View the full topic](https://forum.katalon.com/t/cannot-locate-svg-elements-web-development-using-vue-js/48967)._