# \[BUG\] Setting SVG meta.visible False does not hide elements with visibility: visible

**URL:** <https://forum.inductiveautomation.com/t/bug-setting-svg-meta-visible-false-does-not-hide-elements-with-visibility-visible/101594>\
**Category:** Ignition\
**Created:** [January 30, 2025, 1:06am UTC](https://forum.inductiveautomation.com/t/bug-setting-svg-meta-visible-false-does-not-hide-elements-with-visibility-visible/101594 "2025-01-30T01:06:32Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [January 30, 2025, 1:06am UTC](https://forum.inductiveautomation.com/t/bug-setting-svg-meta-visible-false-does-not-hide-elements-with-visibility-visible/101594/1 "2025-01-30T01:06:32Z")

</div>

v8.1.43

I found a weird bug where I have an SVG with bindings on some elements which sets their `visibility` prop between `hidden` and `visible`. However, I also have a binding on the `meta.visible` prop as well which should hide the entire SVG per condition. If the `meta.visible` is `false` but some of the element `visibility`'s are `visible`, then the SVG is hidden except for those select elements...

E.g.  
SVG meta.visible: true  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/f/5f83c620628692fd94ec71ddff97d9082e2f3edc.png)

SVG meta.visible: false  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/3/6357820de1e5639ee749b526b68c48b638c84060.png)

(the purple and two white bars are both elements part of the same SVG)

Note: Setting `style.display: none` successfully hides the SVG

---

<div class="post-metadata">

**Author:** ![Benjamin\_Furlani](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/benjamin_furlani/32/66084_2.png) [@Benjamin\_Furlani](https://forum.inductiveautomation.com/u/Benjamin_Furlani)\
**Post date:** [January 30, 2025, 3:02pm UTC](https://forum.inductiveautomation.com/t/bug-setting-svg-meta-visible-false-does-not-hide-elements-with-visibility-visible/101594/2 "2025-01-30T15:02:56Z")

</div>

I don't think this is a bug, I believe the `meta.visible` is an inherited property, so if you set the visibility on a child directly it overrides it's inherited all together.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [January 30, 2025, 3:25pm UTC](https://forum.inductiveautomation.com/t/bug-setting-svg-meta-visible-false-does-not-hide-elements-with-visibility-visible/101594/3 "2025-01-30T15:25:25Z")

</div>

correct.  
you could use "unset" instead of "true" for the inner elements

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [January 30, 2025, 10:22pm UTC](https://forum.inductiveautomation.com/t/bug-setting-svg-meta-visible-false-does-not-hide-elements-with-visibility-visible/101594/4 "2025-01-30T22:22:38Z")

</div>

`meta.visible` on the SVG itself though, the parent, should hide the entire SVG, regardless of the child elements. It would be like editing an SVG in Inkscape and hiding a group, but its child elements still being visible because their visible prop is on - that's not correct.

Furthermore though, the SVG itself is embedded into a View and the View is embedded into another view (it's a device symbol) and then the embedded view is hidden with `meta.visible: false`, but the SVG elements with `visibility: visible` are _stil_ visible - this isn't correct behaviour
