Permalink
Browse files

fix #933 mispositioned labels in TextArea in IE7

This commit fixes the display:inline-block bug in IE7 that is affecting the label position for the TextArea widget.
  • Loading branch information...
1 parent 3771475 commit 93b70b1d161ff52c270ac4287d570b375d603fa5 @fab-b fab-b committed Jan 21, 2014
Showing with 12 additions and 2 deletions.
  1. +5 −1 src/aria/widgets/form/Input.js
  2. +7 −1 src/aria/widgets/frames/TableFrame.js
@@ -273,7 +273,11 @@ Aria.classDefinition({
} else {
out.write('vertical-align:' + IE7Align + ';');
}
- out.write('display:' + cssDisplay);
+ if (aria.core.Browser.isIE7 && cssDisplay === "inline-block") {
+ out.write('display:inline;zoom:1');
+ } else {
+ out.write('display:' + cssDisplay);
+ }
if (margin) {
out.write(';margin-' + margin + ':' + this._labelPadding + 'px');
}
@@ -103,7 +103,13 @@ Aria.classDefinition({
};
this._appendInnerWidthInfo(sizeInfo);
this._appendInnerHeightInfo(sizeInfo);
- var displayInline = (this._inlineBlock) ? "display:inline-block;vertical-align: middle;" : "";
+ var displayInline = "";
+
+ if (this._inlineBlock) {
+ displayInline = "vertical-align: middle;display: inline";
+ displayInline += (aria.core.Browser.isIE7) ? ";zoom:1" : "-block;";
+ }
+
out.write(['<table cellspacing="0" cellpadding="0" style="position: relative;' + displayInline + '"',
frameContainerClass, '><tbody isFrame="1">', '<tr>', '<td class="', cssPrefix, 'tlc ', cssPrefix,
'bkgA"></td>', '<td class="', cssPrefix, 'ts ', cssPrefix,

0 comments on commit 93b70b1

Please sign in to comment.