I'm using Highcharts on my site and I have a problem with tooltip text in Chrome - it is out of the box (see tooltip-error)
It works in other browsers.
Who knows what it could be?
It seems I found the solution: add the following to tooltip "useHTML: true". It works now.
Related
I have an Antd accordion with inputs in it which are movable/draggable using React-dnd.
The problem that I am having is when using Firefox, I can't move the text cursor/pointer in the Input field with a mouse. But this works fine for other browsers.
There is a similar issue been asked here but there is no solution provided.
I have read here that there is a known issue with html5 draggable elements in firefox.
Can anyone please share some insight here to how to fix this?
I'm trying to print a chart candlestick type in chrome by clicking native browser print button. This type of the chart is not printed in Chrome. It appears empty
In other browsers it works fine.
Unfortnately it is known bug reported by me, here https://github.com/highslide-software/highcharts.com/issues/1326
I created a horizontally scrollable container with sorting.
There are some requirements:
The bounding box is fixed width
Must scroll when overflowing, no wrapping
Here is the JSFiddle: http://jsfiddle.net/6vXG2/ (drag columns with pink header)
This works perfectly with: IE9, Opera, Safari
But not working with: Chrome, Firefox
In both Chrome and Firefox, the elements start jumping around. (Incidentally, the behavior on Firefox is different between Windows and OSX, using exactly the same version - 17.0.1)
When initially designing it using float:left, all browsers behaved correctly, but due to no wrapping requirement, I cannot use this.
Any ideas how to fix this? Or is this a jqueryui bug/issue?
Thanks
EDIT:
If I add border-collapse: collapse it behaves correctly again in Chrome, but breaks in Opera.
EDIT 2:
Found a 'weak' workaround going back to float:left: See http://jsfiddle.net/6vXG2/1/. Not ideal, but OK for now. Still open for suggestions.
I've got a site that's using sIFR, and some of the replaced text is being stretched vertically in IE9. It's only happening in places where the text wraps 2 lines, and it fixes itself when I hover my cursor over it. The sIFR text is a link, but I'm not sure if that has any correlation.
I've tried various settings changes like fitExactly, forceClear, and forceSingleLine (though I want it to be able to wrap), and those didn't work. I've tried changing the font-size, line-height, and all other dimensions to px instead of em. innerHTML isn't being used anywhere on the page. It's frustrating that it works after being hovered on, but not before.
And I know you're probably thinking "use cufon or #font-face, dummy" but I'm stuck with sIFR for now. The client wants what the client wants...
I've found a solution,
if you try to hover with mouse cursor the text will display correct so..
I write few line of code to put in sifr-config.js
forcing flash reset "onReplacemment" callback only when IE9 is detected
you must use Jquery for browser detection or use another javascript way
see the link below:
http://www.voo-doo.net/robotphobia/2011/05/fix-sifr-ie9
I am using smartgwt 2.2 for creating a form.
My problem is, when i disable FormItem (SpinnerItem) then disabled SpinnerItem is showing red cross image on IE but there is no problem in firefox.
Can anybody give me an idea why this is happening?
Have you tried running it in quirks mode? (removing the doctype declaration in your welcome html file). This solved the problem for me.
Remove the doctype from your main GWT host page