Quantcast

IE issue again (textArea width is incorrect)

classic Classic list List threaded Threaded
6 messages Options
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

IE issue again (textArea width is incorrect)

Alexey Kodubets
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.
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: IE issue again (textArea width is incorrect)

Mustafa Sak-5
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
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: IE issue again (textArea width is incorrect)

Christian Hagendorn
Administrator
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
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: IE issue again (textArea width is incorrect)

Alexey Kodubets
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)?
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: IE issue again (textArea width is incorrect)

Mustafa Sak-5
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

------------------------------------------------------------------------------
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
Reply | Threaded
Open this post in threaded view
|  
Report Content as Inappropriate

Re: IE issue again (textArea width is incorrect)

Alexey Kodubets
Thank you.

Fixed it myself.

Before:

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


After:

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

Loading...