Short titles in title bar also gets clipped with text-ellipsis?

Compile my CSS? I'm not using any custom CSS, so there is nothing to compile. This is a bug in the Sencha library itself when using Windows Chrome.

Just paste the following into any stylesheet, or even in the html between <style> tags.

Code:

---

.x-desktop .x-title .x-innerhtml{padding: 0;}

---

the .x-desktop class is only present on desktop, so it will be ignored in mobile.

Quote:

---

Originally Posted by rdougan

Thanks for the report. Fixed for the next release.

---

It would be awesome if we could "Like" these types of posts!

Hi Guys,

Anybody have found this issue solved?????

.x-title{padding:0 .3em;}
.x-title .x-innerhtml{padding: 0;}
even after adding this to my css. i am having the issue
It works fine in ipad.

This what we're using, and I haven't seen the ellipses issues in a while.

/*
* Workaround for Sencha bugs in Desktop Chrome,
* which cause buttons and titles to be
* truncated with ellipses
*/
.x-title {
padding: 0 .3em;
}


.x-desktop .x-title .x-innerhtml
{
padding: 0;
}


.x-toolbar .x-button .x-button-label, .x-toolbar .x-button .x-hasbadge .x-badge, .x-hasbadge .x-toolbar .x-button .x-badge {
font-size: .78em;
}

Thanks for you very much.. It worked for me:)