TYPO3 Core

In Pagetree a click on an icon must open the context-menu.
For icons with transparence the context-menu does not open if you hit the transparent area of the icon.
Instead the click hits the page-title behind and the default action for clicking the page-title is fired - so this opens the page in the content-area.

Especially the page-type "external link" with the "chain"-icon becomes nearly unusable:

System¶

• TYPO3 10.4.12
• Firefox 79.0b10

Further investigation¶

Only visible elements (paths, rect, etc.) in SVG are clickable.

Proposed fix¶

Add a transparent rectangle to the icon. This makes the whole icon-area clickable.

<g class="icon-def" id="icon-apps-pagetree-page-shortcut-external">
  <g xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    <g>
      <!-- begin: added rectangle -->
      <rect width="16" height="16" fill="transparent"></rect>
      <!-- end: added rectangle -->
      <path fill="#666" d="…"></path>
      <path fill="#212121" d="…" opacity="0.3"></path>
      <path fill="#999" d="…"></path>
    </g>
  </g>
</g>