-
14 Sep 2010 5:04 PM #1Ext JS Premium Member
- Join Date
- Jun 2009
- Posts
- 37
- Vote Rating
- 0
[OPEN-1280] ToolTip in Japanese
[OPEN-1280] ToolTip in Japanese
Hi there,
I'm having some weird issues with tooltip that contains Japanese characters.
I have a toolbar with two buttons, one of the buttons (button A) contains Japanese text.
The other button (button B ) has a tooltip containing Japanese characters.
When mouseover on the button with tooltip (button A), the font of button B looks smaller.
But when mouseover on button B, the font size changes back to normal.
Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<link href="../style/ext/css/ext-all.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../javascript/ext/adapter/ext-base.js"></script>
<script type="text/javascript" src="../javascript/ext/ext-all.js"></script>
<script type="text/javascript">
//<!--/*--><![CDATA[/*><!--*/
Ext.onReady(function()
{
Ext.QuickTips.init();
var toolbar = new Ext.Toolbar(
{
renderTo: "testDiv",
items: [
{
text: "エラー番号"
},
"-",
{
text: "test",
tooltip: "Tooltip ツールチップ"
}
]
});
}
);
//]]>-->
</script>
</head>
<body>
<div id="testDiv"></div>
</body>
</html>
It seems this issue only happens with IE8.
Both Firefox and IE7 seem to work okay.
Is it a bug? Or am I doing something wrong?
Thanks in advance.
-
15 Sep 2010 12:54 AM #2Sencha - Support Team
- Join Date
- Apr 2007
- Location
- Slovakia
- Posts
- 26,261
- Vote Rating
- 86
No, you're doing nothing wrong - it works fine in Safari@Mac and Firefox@Mac also. It can be some IE8-specific css problem, however, it doesn't make sense to me why mouseover on one button causes a problem with another button.
Sorry, I cannot test it as I'm on Mac.Jozef Sakalos, aka Saki
A lot of valuable info at:
Saki's Extensions and Plugins
Saki's Extensions and Plugins Docs
Saki's Examples, Latest: Grid in Card Layout
Saki's Blog, Featured: Writing a Big Application in Ext, Latest: Grid MultiSearch Plugin Video
-
15 Sep 2010 10:40 AM #3Ext JS Premium Member
- Join Date
- Jun 2009
- Posts
- 37
- Vote Rating
- 0
I found a fix to this issue.
I think the acutal problem is because the font of the button and tooltip that are using do not match.
In ext-all.css.....
.x-btn button{
font:normal 11px arial,tahoma,verdana,helvetica;
color:#333;
}
.x-tip .x-tip-body {
font: normal 11px tahoma,arial,helvetica,sans-serif;
color:#444;
}
By changing the .x-tip .x-tip-body font to "normal 11px arial,tahoma,helvetica,sans-serif;" (swapping the first two font families) fixed this issue.
-
15 Sep 2010 12:15 PM #4Sencha - Support Team
- Join Date
- Apr 2007
- Location
- Slovakia
- Posts
- 26,261
- Vote Rating
- 86
Perfect!
I'll move this thread to bugs as this could be fixed in the core of Ext.Jozef Sakalos, aka Saki
A lot of valuable info at:
Saki's Extensions and Plugins
Saki's Extensions and Plugins Docs
Saki's Examples, Latest: Grid in Card Layout
Saki's Blog, Featured: Writing a Big Application in Ext, Latest: Grid MultiSearch Plugin Video
Thank you for reporting this bug. We will make it our priority to review this report.
Reply With Quote
Similar Threads
-
[OPEN-1244] Tooltip wrong align
By vladsch in forum Ext 3.x: BugsReplies: 3Last Post: 14 Oct 2010, 1:03 PM -
[OPEN-1240] DateField appears behind Tooltip
By Andreas B. in forum Ext 3.x: BugsReplies: 0Last Post: 26 Aug 2010, 11:28 PM -
[OPEN] [2.x] Tooltip bug under IE8
By smartlit in forum Ext 2.x: BugsReplies: 3Last Post: 23 Jul 2010, 2:02 AM -
[OPEN-980] ToolTip offsets and scrolling
By sacha in forum Ext 3.x: BugsReplies: 1Last Post: 15 Jun 2010, 7:28 AM