#3853 closed defect (fixed)
TextArea: width not resizing in FF
| Reported by: | haysmark | Owned by: | haysmark |
|---|---|---|---|
| Priority: | high | Milestone: | 0.9 |
| Component: | Dijit - Form | Version: | 0.9 |
| Keywords: | Cc: | ||
| Blocked By: | Blocking: |
Description (last modified by )
In test_TextArea, the width of the red bordered TextArea? is set to 33% so it should resize with the screen. It is instead fixed at a certain width. This only affects the Firefox implementation.
Attachments (2)
Change History (11)
comment:1 Changed 14 years ago by
| Status: | new → assigned |
|---|
Changed 14 years ago by
| Attachment: | iframebug.html added |
|---|
Test case demonstrating -moz-inline-stack width bug
comment:2 Changed 14 years ago by
| Description: | modified (diff) |
|---|
comment:4 Changed 14 years ago by
| Resolution: | → duplicate |
|---|---|
| Status: | assigned → closed |
I've tried some of the other inline display settings without success. Clearly this problem is a much larger Mozilla bug than I thought.
comment:5 Changed 14 years ago by
| Resolution: | duplicate |
|---|---|
| Status: | closed → reopened |
Duplicate is not the same thing as "browser bug". I'll take a look at this.
comment:6 Changed 14 years ago by
The problem deals with trying to set width:33% on the parent inline-block element (btw it doesn't matter if it's <fieldset> or <div> or <span>), and then expecting the child <iframe> width:100% to work. That's just too much for Mozilla to handle.
You can avoid all this by putting the width:33% on the child <iframe>, and make the parent a simple <span> (of type display:inline) with no border or sizing. Note that the parent is just there to bundle the <iframe> with the hidden <textarea>.
<span class="dijitReset"> <iframe class="dijitReset" style="width: 33%;">...</iframe> <textarea style="display:none"></textarea> </span>
There are some tricky details though. Style classes like dijitInputField and dijitInputFieldFocused can't be applied to the <span>. I think they need to go on the <body> inside the <iframe>.
I'll attach a patch that gets halfway there so you can see the technique. (There's something wrong in the patch because scrollbars keep showing up intermittently. Looks like we need an overflow: hidden somewhere.)
Changed 14 years ago by
| Attachment: | 3853.patch added |
|---|
prototype patch showing sizing on <iframe> node
comment:7 Changed 14 years ago by
| Summary: | TextArea: not resizing in FF → TextArea: width not resizing in FF |
|---|
comment:8 Changed 14 years ago by
| Resolution: | → fixed |
|---|---|
| Status: | reopened → closed |
comment:9 Changed 11 years ago by
| Component: | Dijit → Dijit - Form |
|---|
Seems to be a conflict with one of the CSS classes.