internet-explorer-11


l20n: Why does IE fail to render HTML tags that translation string contains?


L20n is really helpful when it comes to implementing a localization requirement in our web application project and works perfectly fine in Chrome and Firefox and almost gets us there in Internet Explorer 11.
We are using HTML (which is supported) in the translation strings, they are formatted like this example:
"About <strong> a </strong>"
It works beautifully in Chrome and Firefox:
Translation result in Chrome
Unfortunately when I switched to Internet Explorer 11, getting this lovely sight on the same part of the page:
Translation result in IE 11
We're not doing anything weird or super special, it's pretty basic implementation.
Question is - has anyone encountered this issue while working with l20n and if so - is there anything that can be done to get Internet Explorer to render tags in translation strings?
After help from #Sampson (cheers!) and pointing out that a) It was issue on IE11/Edge Mode not Edge b) IE11 does not support one of the HTML5 elements such as Template, I dug around a little bit before I was about to announce complete defeat and digging through l20n github pages:
l20n compatibility
Using babel polyfill
Using patched webcomponents HTMLTemplateElement polyfill (link provided on page
I added babel and modified polyfill js file and after quick deploy and nervous refresh, it appeared the solution worked. Testing it as we speak so that it doesn't cause issues with the app but all looks good so far.
I know this is a workaround but our IE traffic is small enough yet I was not able to give up on these users that would like to use what I am currently working on in Irish and coincidentally would end up using IE11.
Due to the lack of support for the <template> element in Internet Explorer 11, the following fails:
// https://github.com/l20n/builds/blob/0d58a55afa6ae5aa868b8002fae5ee0e2124e35d/l20n.js#L94
var templateSupported = 'content' in document.createElement('template');
It's worth noting that the l20n.js team doesn't consider IE to be supported.

Related Links

IE11 - Getting a webpage to STOP showing in Enterprisemode
OpenLayers: Does not work in internet explorer
how to open web browser in IE 11 using window.open
When an mht file is opened in IE11 , mode is getting changed IE7(default)
IBM Cognos Business Intelligence 10.1.1. with IE11
Unable to record in VUGEN 12.01 with IE11.0
Email template - Outlook 2013 view in browser IE Document Mode 5
Redactor: image upload not being displayed in text editor
Internet explorer 11 - How to set user agent string using code (Not the document mode)
What is the user Agent string of IE11 on windows 10
IE 11 emulation mode to IE 9 not able to inspect elements
indexedDB: Internet Explorer 11 gives AbortError when defining 40+ indexes for an object store
How to make IE11 behave like IE8
ActiveXobject in javascript not working in IE11
Run Native Client Within Chrome Frame in Internet Explorer
Out-of-browser specific settings do not affect in-browser applications : IE11

Categories

HOME
json
spring
vue.js
ibm-watson-cognitive
signalr
bing
bower
facebook-graph-api
wxwidgets
mainframe
rfc
ll
snap.svg
actionscript-2
structuremap
flexbox
maxima
webmethods
eclipse-luna
sql-tuning
yeoman-generator
ada
ng-show
internet-explorer-8
attask
embedly
prediction
hhvm
myob
http-method
jflex
shopping-cart
pipelinedb
guile
version-numbering
pentaho-report-designer
cell-array
oracle-xml-db
ifstream
geo
recurrence-relation
readfile
code-behind
equivalence
socketscan
dart-pub
distributed-transactions
pdftk
catia
drawingarea
forerunnerdb
scd
emoticons
communication-protocol
gmt
pdflib
ebtables
backstop.js
xib
picasa
mailcatcher
software-product-lines
firepath
gradle-eclipse
spring-repositories
faraday
gradle-release-plugin
spinlock
multinomial
anythingslider
plone-3.x
direct3d12
android-viewholder
vips
graphical-logo
coypu
google-hadoop
hg-git
omnifocus
node-imagemagick
docopt
dto
alpha-transparency
korma
cppdepend
zipalign
xenocode
db4o
circos
ng-hide
dllexport
jqmobi
sttwitter
swrl
surveyor-gem
adomd.net
digital-design
vt100
transitive-closure-table
web-safe-fonts
xgettext
symfony-2.0
mpmovieplayer
ninject-extensions
getstring
objective-c-protocol
jquery-selectbox
objectbrowser
zookeeper
serp
rijndael
out-of-browser
requestfactory
quick-search
jquery-ui-button
chdatastructures
webrat
savestate
visual-studio-2010-beta-2
document-library

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App