yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

set auto resize width to auto when ngModel has a value but element is hidden

Browse Source
This commit is contained in:
Mads Rasmussen
2021-06-24 15:54:27 +02:00
parent 9b3f7f2653
commit 2fd6864892
1 changed files with 6 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/Umbraco.Web.UI.Client/src/common/directives/components/forms/umbautoresize.directive.js
View File

@@ -17,6 +17,12 @@ angular.module("umbraco.directives")
}
}
// if the element is hidden the width will be 0 even though it has a value.
// This could happen if the element is hidden in a tab.
if (ngModelController.$modelValue && domEl.clientWidth === 0) {
element.width('auto');
}
if (!ngModelController.$modelValue && attr.placeholder) {
attr.$set('size', attr.placeholder.length);
element.width('auto');
@@ -25,39 +31,25 @@ angular.module("umbraco.directives")
}
function resizeTextarea() {
if (domEl.scrollHeight !== domEl.clientHeight) {
element.height(domEl.scrollHeight);
}
}
var update = function (force) {
if (force === true) {
if (domElType === "textarea") {
element.height(0);
} else if (domElType === "text") {
element.width(0);
}
}
if (domElType === "textarea") {
resizeTextarea();
} else if (domElType === "text") {
resizeInput();
}
};
//listen for tab changes