• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

SVG 'hidden' property is ignored

Community Beginner ,
Sep 06, 2022 Sep 06, 2022

Copy link to clipboard

Copied

Hello,

 

In this svg fragment the test should be hidden but when opening or placing the svg in Adobe Illustrator it is not.

Is this a known issue or expected behavior? In other SVG viewers I tried, the text is hidden.

All tips appreciated!

Tx

Peter

TOPICS
Bug , Import and export

Views

119

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Community Expert ,
Sep 06, 2022 Sep 06, 2022

Copy link to clipboard

Copied

Where was the SVG originally built?

I would expect Illustrator to show all elements including "hiddent" attributes in order for you to edit properly.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Sep 06, 2022 Sep 06, 2022

Copy link to clipboard

Copied

LATEST

Hello

Tx @kevin stohlmeyer 
The SVG is a repro extracted from a problem we ran into while working on our Datylon Illustrator charting plugin 
Accoring to the SVG spec and other SVG renderes (tried a few browsers), the hidden property should work
Also in this sample, the circle is hidden when placing in AI, but the text is not. That does not seem very consistent.

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" visibility="hidden"/>
<g>
<text visibility="hidden" font-size="14" fill="rgb(255, 26, 26)" dy="100" dx="20">
<tspan>Some looong text</tspan>
</text>
</g>
</svg>

Best,

Peter

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines