IE 11 displaying some strange characters in Dojo content pane - dojo

I am using Dojo Accordian Container, the content panes inside the accordian are just displaying text. Everything works fine in firefox, chrome except for IE 11. Below are snapshots of the issue
When I do something on the browser, like say If I open developer tools, the correct text gets displayed

Have you tried using this in your HTML??
<META HTTP-EQUIV="X-UA-Compatible" content="IE=Edge" />
I've had many problems with IE and dojo in the past. Firefox and Chrome always seem to work perfectly. It's just a stab in the dark but the line above fixed many similar problems for me.

Related

Vue.js - Displays incorrectly in Safari

I am working on one web application and learning Vue.js in parallel.
My site working correctly on Chrome, Firefox and Opera, but in Safari layout is moving around.
Myb .browserslistrc
> 1%
last 3 year
not dead
not ie 11
npx browserslist displays the correct list of browsers, including Safari, but it doesn't work fine.
What could be the problem?
I tried changing .browserslistrc
adding -webkit-box options to css
Generally understood.
The problem was not with Safari support per se, but with the non-working popup window setting
display: flex.
Changed to
display: table
and it worked

p:media does not work in FireFox, but it works in Chrome and Opera

p:media component does not work in FireFox, but it works in Chrome and Opera.
I'm trying to display a PDF document, but nothing is displayed in FireFox.
Although the component in the tutorial is displayed for me: https://www.primefaces.org/showcase/ui/multimedia/media.xhtml
<p:media value="/resources/pdf/mypdf.pdf" width="100%" height="600px">
Your browser can't display pdf,
<h:outputLink value="/resources/pdf/mypdf.pdf">click</h:outputLink> to download pdf instead.
</p:media>

Kendo RangeSlider breaks in chrome

I have implemented kendo range slider for eCommerce store. It works fine when changes made in firefox. But it goes disappeared or breaks in chrome after slide.
Kendo version is 2014.1.318 and uses jQuery JavaScript Library v1.10.2.
Please help to overcome this issue as soon as possible.
It is because of Chrome doesn't support ".contains()" method of jQuery. Instead of using .indexOf() method, it works perfectly in Chrome & Safari browser.
Refer this links:
Error using .contains() JQuery function in Chrome
jquery "contains" code doesn't work on chrome

min-width:320px not firing correctly on Opera Mini for Android

Testing some media queries in various browsers on Android and noticed Opera Mini 6.5 on my Samsung Galaxy S does not seem to apply stlyes inside the following code.
#media screen and (min-width: 320px){
It seems if I lower the value to 282, Opera Mini will excute the styles inside the media query.
#media screen and (min-width: 282px){
I'm wondering if anyone else has run into issues with Opera Mini not handling media queries correctly on Android phones. All of the other browsers I've tested on Android seemed to work fine with min-width:320px as well as my tests of Opera Mini on iOS devices.
I've set up a few test pages to check out with variations on the viewport meta tag.
h5bp Mobile 2 meta tags - goo.gl/XfEVx
h5bp Mobile 2 meta tags with maximum-scale set to 1.0 - goo.gl/mgKJA
h5bp Mobile 3 meta tags - goo.gl/uxPsa
h5bp Mobile 2 meta tags with maximum-scale set to 1.0 and Opera CSS viewport tag - goo.gl/McNhj
Viewport meta tag only -goo.gl/QMnmp
I noticed this issue on my Samsung Galaxy S Epic 4G in portrait orientation on Opera Mini 6.5.
According to Opera docs, Opera Mini 6.5 supports Media Queries and using Presto 2.8. The support of media queries in Presto 2.8 seems to be complete.
Did you try to play with the initial scale or device-width
<meta name="viewport" content="width=device-width"/>
or
initial-scale=1.0
I searched our Opera bug reports but I didn't see anything related to this. Do you have a link to a Web page so we can test further.
Do you see the same problem in all versions of Opera and IE9? Do you use Modernizr and Respond.js? I had a very similar problem, Respond.js was the source.
I solved it by bundling Modernizr and Respond.js into single file via http://www.initializr.com/.
Maybe this helps.

In Vaadin PDF does not work in popup Window

I am trying to display a PDF in a popup window using Vaadin 6.6.2 and the code as shown in this blog:
http://jcraane.blogspot.com/2010/09/printing-in-vaadin.html
The problem I have is that whenever I close the Window containing the PDF it always hangs the current browser tab in IE 9.
I have tested this in Safari, Firefox, and IE 8 and its works fine. I also know that the problem is related to the embedded PDF as I have tried replacing the embedded PDF with a Vaadin Label and then the popup window closes fine in IE9.
I had a similar problem in Firefox 3.x, I solved it by upgrading to Firefox 4, and upgrading the Adobe plugin.
It seems to me the problem is on the browser/plug-in side.
If you are stuck with that browser/version, try just upgrading the plugin if that's not already on the latest version.