tag:forum.selfhtml.org,2005:/selfSVG mit href verlinken – SELFHTML-Forum2019-08-01T13:12:44Zhttps://forum.selfhtml.org/self/2019/aug/01/svg-mit-href-verlinken/1754397#m1754397Matthias Scharwiesmscharwies@selfhtml.org2019-08-01T06:34:17Z2019-08-01T06:34:17ZSVG mit href verlinken<p>Servus!</p>
<p>irgendwie kann ich's gar nicht glauben: SVG-Verlinkungen sollen mit href-Attribut in mobilen iOS funktionieren - nicht aber im „normalen“ Apple-OS.</p>
<p>Könntet ihr dieses Beispiel mal ausprobieren und berichten?</p>
<p><a href="https://wiki.selfhtml.org/wiki/SVG/Elemente/Verweise#Anwendungsbeispiel" rel="nofollow noopener noreferrer">SVG/Elemente/Verweise</a></p>
<p>Vielen Dank im Voraus!</p>
<p>Matthias Scharwies</p>
<div class="signature">-- <br>
<em>"I don’t make typos. I make new words."</em>
</div>
https://forum.selfhtml.org/self/2019/aug/01/svg-mit-href-verlinken/1754400#m1754400Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-08-01T07:06:33Z2019-08-01T07:07:04ZSVG mit href verlinken<p>@@Matthias Scharwies</p>
<blockquote>
<p>Könntet ihr dieses Beispiel mal ausprobieren und berichten?</p>
<p><a href="https://wiki.selfhtml.org/wiki/SVG/Elemente/Verweise#Anwendungsbeispiel" rel="nofollow noopener noreferrer">SVG/Elemente/Verweise</a></p>
</blockquote>
<p>Kaputt.</p>
<p><a href="/images/d6b67b82-b42a-11e9-bdeb-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/d6b67b82-b42a-11e9-bdeb-b42e9947ef30.png?size=medium" alt="Screenshot mit iPhone SE" loading="lazy"></a></p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/aug/01/svg-mit-href-verlinken/1754402#m1754402Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-08-01T07:14:39Z2019-08-01T07:14:39ZSVG mit href verlinken<p>@@Matthias Scharwies</p>
<blockquote>
<p>irgendwie kann ich's gar nicht glauben: SVG-Verlinkungen sollen mit href-Attribut in mobilen iOS funktionieren - nicht aber im „normalen“ Apple-OS.</p>
<p>Könntet ihr dieses Beispiel mal ausprobieren und berichten?</p>
<p><a href="https://wiki.selfhtml.org/wiki/SVG/Elemente/Verweise#Anwendungsbeispiel" rel="nofollow noopener noreferrer">SVG/Elemente/Verweise</a></p>
</blockquote>
<p>Der <code>href</code>-Link funktioniert unter macOS in aktuellen Firefox, Safari und Chrome.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/aug/01/svg-mit-href-verlinken/1754416#m1754416marctrixself@mhis.dehttps://www.mhis.de2019-08-01T09:03:01Z2019-08-01T09:03:01ZSVG mit href verlinken<p>Hej Matthias,</p>
<p>bei mir geht es auch…</p>
<p>Marc</p>
<div class="signature">-- <br>
Ceterum censeo Google esse delendam
</div>
https://forum.selfhtml.org/self/2019/aug/01/svg-mit-href-verlinken/1754410#m1754410Felix Riestererhttps://felix-riesterer.de2019-08-01T08:15:03Z2019-08-01T08:15:03ZSVG mit href verlinken<p>Lieber Gunnar,</p>
<blockquote>
<p>Kaputt.</p>
<p><a href="/images/d6b67b82-b42a-11e9-bdeb-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/d6b67b82-b42a-11e9-bdeb-b42e9947ef30.png?size=medium" alt="Screenshot mit iPhone SE" loading="lazy"></a></p>
</blockquote>
<p>Apple halt.</p>
<p>Oder findest Du heraus, warum kaputt? Mir scheint, dass Dein Browser den Inhalt des iFrame nicht mit <code>overflow:scroll</code> bzw. <code>overflow:auto</code> darstellt, sondern <code>overflow:visible</code>. Mir ist nicht bekannt, dass man diese Einstellung explizit treffen muss, da iFrames von sich aus ersteres haben sollten. Aber vielleicht ist das bei Dir gerade anders...?</p>
<p>Liebe Grüße</p>
<p>Felix Riesterer</p>
https://forum.selfhtml.org/self/2019/aug/01/svg-mit-href-verlinken/1754403#m1754403Matthias Scharwiesmscharwies@selfhtml.org2019-08-01T07:21:57Z2019-08-01T07:21:57ZSVG mit href verlinken<p>Servus!</p>
<blockquote>
<p>@@Matthias Scharwies</p>
<blockquote>
<p>irgendwie kann ich's gar nicht glauben: SVG-Verlinkungen sollen mit href-Attribut in mobilen iOS funktionieren - nicht aber im „normalen“ Apple-OS.</p>
<p>Könntet ihr dieses Beispiel mal ausprobieren und berichten?</p>
<p><a href="https://wiki.selfhtml.org/wiki/SVG/Elemente/Verweise#Anwendungsbeispiel" rel="nofollow noopener noreferrer">SVG/Elemente/Verweise</a></p>
</blockquote>
<p>Der <code>href</code>-Link funktioniert unter macOS in aktuellen Firefox, Safari und Chrome.</p>
</blockquote>
<p>Danke - ich hatte nur nen Artikel auf CSS-Tricks gefunden, in dem der SafariBrowser im Desktop-OS als Ausnahme genannt wurde. Auch in der MDN gab's noch keine Informationen.</p>
<p>Herzliche Grüße</p>
<p>Matthias Scharwies</p>
<div class="signature">-- <br>
<em>"I don’t make typos. I make new words."</em>
</div>
https://forum.selfhtml.org/self/2019/aug/01/svg-mit-href-verlinken/1754423#m1754423Matthias Scharwiesmscharwies@selfhtml.org2019-08-01T09:32:37Z2019-08-01T09:32:37ZSVG mit href verlinken<p>Servus!</p>
<blockquote>
<p>Hej Matthias,</p>
<p>bei mir geht es auch…</p>
</blockquote>
<p>auf' nem Desktop? Laptop?</p>
<p>Komisch, dass sowas nicht in den Release Notes zu finden ist.</p>
<p>Herzliche Grüße</p>
<p>Matthias Scharwies</p>
<div class="signature">-- <br>
<em>"I don’t make typos. I make new words."</em>
</div>
https://forum.selfhtml.org/self/2019/aug/01/svg-mit-href-verlinken/1754432#m1754432marctrixself@mhis.dehttps://www.mhis.de2019-08-01T10:12:07Z2019-08-01T10:12:07ZSVG mit href verlinken<p>Hej Matthias,</p>
<blockquote>
<blockquote>
<p>bei mir geht es auch…</p>
</blockquote>
<p>auf' nem Desktop? Laptop?</p>
<p>Komisch, dass sowas nicht in den Release Notes zu finden ist.</p>
</blockquote>
<p>Laptop. Ist aber dasselbe OS…</p>
<p>Marc</p>
<div class="signature">-- <br>
Ceterum censeo Google esse delendam
</div>
https://forum.selfhtml.org/self/2019/aug/01/svg-mit-href-verlinken/1754439#m1754439Matthias Scharwiesmscharwies@selfhtml.org2019-08-01T12:20:15Z2019-08-01T12:20:15ZSVG mit href verlinken<p>Servus!</p>
<blockquote>
<p>Hej Matthias,</p>
<blockquote>
<blockquote>
<p>bei mir geht es auch…</p>
</blockquote>
<p>auf' nem Desktop? Laptop?</p>
<p>Komisch, dass sowas nicht in den Release Notes zu finden ist.</p>
</blockquote>
<p>Laptop. Ist aber dasselbe OS…</p>
</blockquote>
<p>Chris Coyier von CSS-tricks unterscheidet <a href="https://css-tricks.com/on-xlinkhref-being-deprecated-in-svg/" rel="nofollow noopener noreferrer">in diesem Artikel</a> zwischen Safari 11 und iOS11, in denen es nicht geht. Mittlerweile ist 12.3 aktuell.</p>
<p>Caniuse zeigt aber noch einige Prozente für ältere Versionen an, sodass ich das Wiki nicht ändern möchte.</p>
<p>Herzliche Grüße</p>
<p>Matthias Scharwies</p>
<div class="signature">-- <br>
<em>"I don’t make typos. I make new words."</em>
</div>
https://forum.selfhtml.org/self/2019/aug/01/svg-mit-href-verlinken/1754440#m1754440marctrixself@mhis.dehttps://www.mhis.de2019-08-01T13:12:44Z2019-08-01T13:15:53ZSVG mit href verlinken<p>Hej Matthias,</p>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<p>bei mir geht es auch…</p>
</blockquote>
<p>auf' nem Desktop? Laptop?</p>
<p>Komisch, dass sowas nicht in den Release Notes zu finden ist.</p>
</blockquote>
<p>Laptop. Ist aber dasselbe OS…</p>
</blockquote>
<p>Chris Coyier von CSS-tricks unterscheidet <a href="https://css-tricks.com/on-xlinkhref-being-deprecated-in-svg/" rel="nofollow noopener noreferrer">in diesem Artikel</a> zwischen Safari 11 und iOS11, in denen es nicht geht. Mittlerweile ist 12.3 aktuell.</p>
</blockquote>
<p>Desktop und Laptop ist macOS.</p>
<p>iPhone und iPad ist (noch) iOS – wird im Herbst mit der nächsten Version (13) iOS und iPadOS - die Unterschiede sind zu zahlreich zwischen dem kleinsten iPhone und dem größten iPad (13''), das Apple als Laptop-Alternative mit vielen entsprechenden Funktionen aufbohrt (Pencil-Untterstützung, zwei Apps nebeneinander, endlich können beispielsweise Maus, Tastatur und Monitor angeschlossen werden…).</p>
<blockquote>
<p>Caniuse zeigt aber noch einige Prozente für ältere Versionen an, sodass ich das Wiki nicht ändern möchte.</p>
</blockquote>
<p>Ja, macht Sinn.</p>
<p>edit: wobei 85% aller iOS-Geräte die aktuellste Version haben. Die restlichen vermutlich größtenteils die direkte Vorgängerversion. iOS13 wird wieder sehr weit abwärtskompatibel. Zum Beispiel wird noch mein iPad Pro unterstützt. Das erste seiner Art, inzwischen schon einige Jahre alt.</p>
<p>Marc</p>
<div class="signature">-- <br>
Ceterum censeo Google esse delendam
</div>