Project

General

Profile

Actions
Copy link

Bug #79595

closed

Language Flag SVGs display in IE 11

Added by Nicola Heisch almost 8 years ago. Updated almost 8 years ago.

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

0%

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

Description

Problem:

Some of the language flag SVGs have displaying issues in IE11.

The problem appears for example with the French language flag (/typo3/sysext/core/Resources/Public/Icons/Flags/SVG/FR.svg). This happens because of a missing "viewBox" attribute on the "svg" element inside the svg file.
Working flags like the one for German (/typo3/sysext/core/Resources/Public/Icons/Flags/SVG/DE.svg) have this attribute and have no displaying issues.

Stackoverflow answer regarding this issue: http://stackoverflow.com/a/27971837/2987242

The Flags without the "viewBox" attribute also have a different (rectangular) layout in Chrome (see screenshot)

Solution:

Add a "viewBox" attribute on every SVG missing the attribute.

Files

Download all files
language_flags_ie11.png (63.5 KB) language_flags_ie11.png Nicola Heisch, 2017-02-02 10:33
language_flags_chrome.png (29.3 KB) language_flags_chrome.png Nicola Heisch, 2017-02-02 10:33

Related issues 1 (0 open — 1 closed)

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

Actions
Actions
Copy link

Also available in: Atom PDF