Attachment 357122 Details for Bug 192623 – minimal example of two svgs with links

minimal example of two svgs with links

index.html (text/html), 869 bytes, created by Peter Krautzberger on 2018-12-12 06:58:33 PST

(hide)

Description:

Filename:

MIME Type:

Creator: Peter Krautzberger

Created: 2018-12-12 06:58:33 PST

Size: 869 bytes

patch

obsolete

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Safari 12 bug: links in SVG </title>
  
  
  
  
  
</head>

<body>

  <style>
  *:target { 
  outline: 3px solid red
}
</style>
<h1>SVG with link to ID in page</h1>

<svg style="width: 100px; height: 100px" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <!-- A link around a shape -->
  <a xlink:href="#target">
    <circle cx="50" cy="40" r="35"/>
  </a>
</svg>

<h2 id="target">SVG with external link</h2>

<svg style="width: 100px; height: 100px" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <!-- A link around a shape -->
  <a xlink:href="https://developer.mozilla.org/docs/Web/SVG/Element/circle">
    <circle cx="50" cy="40" r="35"/>
  </a>
</svg>
  
  

</body>

</html>

Actions: View

Attachments on bug 192623: 357122