Project

General

Profile

Actions

Bug #79391

closed

Flag icons not correctly rendered

Added by Tabea Oertel over 7 years ago. Updated about 6 years ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2017-01-19
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
7
PHP Version:
Tags:
Complexity:
Is Regression:
No
Sprint Focus:

Description

In most Browsers the SVG flag icons dont get redered correctly. It seems that they do not interpret the "transform="matrix()" property of the SVG element.

SI Flag Opera

Works correctly in Firefox 50.1.0.

Not working in the following browsers:
  • Chrome 55.0
  • IE 11
  • Opera 42.0.2393.137 (current version)

Flag for slovenia:
File: /typo3/sysext/core/Resources/Public/Icons/Flags/SVG/SI.svg

SVG:

<svg xmlns="http://www.w3.org/2000/svg" height="600" width="1200" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 6">
<title>Flag of Slovenia</title>
<path fill="#ed1c24" d="M0 0h12v6H0z"/>
<path fill="#005da4" d="M0 0h12v4H0z"/>
<path fill="#fff" d="M0 0h12v2H0z"/>
<svg width="12" viewBox="-120 -190.223125 240 309.188274" height="15.459" transform="matrix(.1 0 0 .1 2.2 1)">
<path d="M110.26-19.478l9.74-143.75a280.22 280.22 0 0 0-240 0l9.74 143.75A155.61 155.61 0 0 0 0 118.972a155.61 155.61 0 0 0 110.26-138.45" fill="#005da4"/>
<path d="M-90 0A138.29 138.29 0 0 0 0 100.77 138.29 138.29 0 0 0 90 0L45-60 27-36 0-90l-27 54-18-24-45 60" fill="#fff"/>
<path d="M-85.98 15A30 30 0 0 0-45 25.98a30 30 0 0 1 30 0 30 30 0 0 0 30 0 30 30 0 0 1 30 0A30 30 0 0 0 85.983 15v8.66a30 30 0 0 1-40.98 10.98 30 30 0 0 0-30 0 30 30 0 0 1-30 0 30 30 0 0 0-30 0A30 30 0 0 1-85.98 23.66z" id="a" fill="#005da4"/>
<use xlink:href="#a" transform="translate(0 17.3)"/>
<path stroke-width=".2" d="M0-131.25l2.25 7.353 7.493-1.728L4.5-120l5.243 5.625-7.493-1.728L0-108.75l-2.25-7.353-7.493 1.728L-4.5-120l-5.243-5.625 7.493 1.728z" fill="#fd0" id="b"/>
<use xlink:href="#b" transform="translate(-33.8 -45)"/>
<use xlink:href="#b" transform="translate(33.8 -45)"/>
<path d="M-111.58-167.05l9.96 146.99A146.95 146.95 0 0 0 0 109.89 146.95 146.95 0 0 0 101.62-20.06l9.96-146.99a280.22 280.22 0 0 0 8.42 3.82l-9.74 143.75A155.61 155.61 0 0 1 0 118.97 155.61 155.61 0 0 1-110.26-19.48L-120-163.23a280.22 280.22 0 0 0 8.42-3.82" fill="#ed1c24"/>
</svg>
</svg>

TYPO3 v7.6


Files

si-opera.png (36.3 KB) si-opera.png SI Flag Opera Tabea Oertel, 2017-01-19 14:13
Schermata 2017-11-11 alle 20.48.50.png (16.6 KB) Schermata 2017-11-11 alle 20.48.50.png Riccardo De Contardi, 2017-11-11 21:14

Related issues 3 (0 open3 closed)

Related to TYPO3 Core - Bug #76291: Language flag SVG doesn't scale on IEClosedMarco Christian Krenn2016-05-25

Actions
Related to TYPO3 Core - Bug #80489: Slovenia flag icon is not properly renderedClosed2017-03-27

Actions
Related to TYPO3 Core - Bug #80072: SVG wizard icon rendered in huge size Closed2017-03-01

Actions
Actions

Also available in: Atom PDF