qooxdoo

IE issue again (textArea width is incorrect)

Classic

List

Threaded

6 messages Options

Alexey Kodubets

IE issue again (textArea width is incorrect)

Code based on qooxdoo 1.6:
----
var centerLayout = new qx.ui.layout.HBox();
centerLayout.setAlignX("center");
var centerAlignedContainer = new qx.ui.container.Composite(centerLayout);
this.getRoot().add(centerAlignedContainer, { edge : 0 });

var layout = new qx.ui.layout.Grid(0, 0);
var container = new qx.ui.container.Composite(layout);
centerAlignedContainer.add(container);

var outputArea = new qx.ui.form.TextArea();
var tabView = new qx.ui.tabview.TabView();

var page = new qx.ui.tabview.Page("test");
page.setLayout(new qx.ui.layout.VBox());
tabView.add(page);

container.add(tabView, {row: 0, column: 0});
container.add(outputArea, {row: 1, column: 0});
----

The bug is clearly shown on the screenshot below. I have added a line to show the issue more evidently.
The issue happens only in IE.

Any ideas will be appreciated.

Mustafa Sak-5

Re: IE issue again (textArea width is incorrect)

Looks like that IE draws a shadow FF not. Mostly IE uses appearance fallbacks instead of CSS based ones. Did you checked that?

Regards Sak

Von meinem iPhone gesendet

Am 13.02.2012 um 22:16 schrieb "Alexey Kodubets" <[hidden email]>:

> Code based on qooxdoo 1.6:
> ----
> var centerLayout = new qx.ui.layout.HBox();
> centerLayout.setAlignX("center");
> var centerAlignedContainer = new
> qx.ui.container.Composite(centerLayout);
> this.getRoot().add(centerAlignedContainer, { edge : 0 });
>
> var layout = new qx.ui.layout.Grid(0, 0);
> var container = new qx.ui.container.Composite(layout);
> centerAlignedContainer.add(container);
>
> var outputArea = new qx.ui.form.TextArea();
> var tabView = new qx.ui.tabview.TabView();
>
> var page = new qx.ui.tabview.Page("test");
> page.setLayout(new qx.ui.layout.VBox());
> tabView.add(page);
>
> container.add(tabView, {row: 0, column: 0});
> container.add(outputArea, {row: 1, column: 0});
> ----
>
> The bug is clearly shown on the screenshot below. I have added a line to
> show the issue more evidently.
> The issue happens only in IE.
>
> http://qooxdoo.678.n2.nabble.com/file/n7281957/bug_ie_vs_firefox.png
>
> Any ideas will be appreciated.
>
>
> --
> View this message in context: http://qooxdoo.678.n2.nabble.com/IE-issue-again-textArea-width-is-incorrect-tp7281957p7281957.html
> Sent from the qooxdoo mailing list archive at Nabble.com.
>
> ------------------------------------------------------------------------------
> Try before you buy = See our experts in action!
> The most comprehensive online learning library for Microsoft developers
> is just $99.99! Visual Studio, SharePoint, SQL - plus HTML5, CSS3, MVC3,
> Metro Style Apps, more. Free future releases when you subscribe now!
> http://p.sf.net/sfu/learndevnow-dev2
> _______________________________________________
> qooxdoo-devel mailing list
> [hidden email]
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

------------------------------------------------------------------------------
Keep Your Developer Skills Current with LearnDevNow!
The most comprehensive online learning library for Microsoft developers
is just $99.99! Visual Studio, SharePoint, SQL - plus HTML5, CSS3, MVC3,
Metro Style Apps, more. Free future releases when you subscribe now!
http://p.sf.net/sfu/learndevnow-d2d
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Christian Hagendorn

Re: IE issue again (textArea width is incorrect)

In reply to this post by Alexey Kodubets

Hi,

looks like a theming bug in the modern theme. Could you please open a bug report. I think it looks like Mustafa sad, we use when possible CSS3 stuff to theming and a fallback when some CSS3 stuff is not supported.

Cheers,
Chris

-----Ursprüngliche Nachricht-----
Von: Alexey Kodubets [mailto:[hidden email]]
Gesendet: Montag, 13. Februar 2012 22:15
An: [hidden email]
Betreff: [qooxdoo-devel] IE issue again (textArea width is incorrect)

Code based on qooxdoo 1.6:
----
var centerLayout = new qx.ui.layout.HBox();
centerLayout.setAlignX("center");
var centerAlignedContainer = new
qx.ui.container.Composite(centerLayout);
this.getRoot().add(centerAlignedContainer, { edge : 0 });

var layout = new qx.ui.layout.Grid(0, 0);
var container = new qx.ui.container.Composite(layout);
centerAlignedContainer.add(container);

var outputArea = new qx.ui.form.TextArea();
var tabView = new qx.ui.tabview.TabView();

var page = new qx.ui.tabview.Page("test");
page.setLayout(new qx.ui.layout.VBox());
tabView.add(page);

container.add(tabView, {row: 0, column: 0});
container.add(outputArea, {row: 1, column: 0});
----

The bug is clearly shown on the screenshot below. I have added a line to
show the issue more evidently.
The issue happens only in IE.

http://qooxdoo.678.n2.nabble.com/file/n7281957/bug_ie_vs_firefox.png

Any ideas will be appreciated.

--
View this message in context: http://qooxdoo.678.n2.nabble.com/IE-issue-again-textArea-width-is-incorrect-tp7281957p7281957.html
Sent from the qooxdoo mailing list archive at Nabble.com.

------------------------------------------------------------------------------
Try before you buy = See our experts in action!
The most comprehensive online learning library for Microsoft developers
is just $99.99! Visual Studio, SharePoint, SQL - plus HTML5, CSS3, MVC3,
Metro Style Apps, more. Free future releases when you subscribe now!
http://p.sf.net/sfu/learndevnow-dev2
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

------------------------------------------------------------------------------
Keep Your Developer Skills Current with LearnDevNow!
The most comprehensive online learning library for Microsoft developers
is just $99.99! Visual Studio, SharePoint, SQL - plus HTML5, CSS3, MVC3,
Metro Style Apps, more. Free future releases when you subscribe now!
http://p.sf.net/sfu/learndevnow-d2d
_______________________________________________
qooxdoo-devel mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Alexey Kodubets

Re: IE issue again (textArea width is incorrect)

I have submitted a bug: http://bugzilla.qooxdoo.org/show_bug.cgi?id=6146

However, this bug is actually blocker for my project. I cannot release a project with so evident bug. Can you please say when this bug is fixed or any hints how can I fix it (w/a will be ok as short-term solution)?

Mustafa Sak-5

Re: IE issue again (textArea width is incorrect)

You can fix it easily your self. Just take a look in qx.theme.modern.Appearance and search for tab view page settings. You will see a switch between CSS based and image based decorators and shadows. Just copy needed settings into your project theme and remove shadow settings from fallback setting Now your tab page should look like you expected. I hope so ;)

Von meinem iPhone gesendet

Am 14.02.2012 um 19:13 schrieb "Alexey Kodubets" <[hidden email]>:

> I have submitted a bug: http://bugzilla.qooxdoo.org/show_bug.cgi?id=6146
>
> However, this bug is actually blocker for my project. I cannot release a
> project with so evident bug. Can you please say when this bug is fixed or
> any hints how can I fix it (w/a will be ok as short-term solution)?
>
>
> --
> View this message in context: http://qooxdoo.678.n2.nabble.com/IE-issue-again-textArea-width-is-incorrect-tp7281957p7284936.html
> Sent from the qooxdoo mailing list archive at Nabble.com.
>
> ------------------------------------------------------------------------------
> Keep Your Developer Skills Current with LearnDevNow!
> The most comprehensive online learning library for Microsoft developers
> is just $99.99! Visual Studio, SharePoint, SQL - plus HTML5, CSS3, MVC3,
> Metro Style Apps, more. Free future releases when you subscribe now!
> http://p.sf.net/sfu/learndevnow-d2d
> _______________________________________________
> qooxdoo-devel mailing list
> [hidden email]
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel

Alexey Kodubets

Re: IE issue again (textArea width is incorrect)

Thank you.

Fixed it myself.

Before:

"tabview/pane" :
{
...
marginRight : states.barRight ? -1 : 0
...
},

After:

"tabview/pane" :
{
...
marginRight : states.barRight ? -1 : (useCSS? 0: -2)
...
},