ninegrid2 6.1158.0 → 6.1160.0

package/dist/bundle.cjs.js

@@ -121947,19 +121947,24 @@ class NxLayout2 extends HTMLElement {
 
 	#position = () => {
 		const getRenderedWidthWithClone = (element) => {
-			// 1. 요소의 모든 계산된 스타일을 가져옵니다.
 			const computedStyle = window.getComputedStyle(element);
 
-			// 2. 요소를 깊은 복제합니다.
+			// ⭐ 커스텀 속성 값을 직접 가져옵니다. ⭐
+			const fontSize = computedStyle.getPropertyValue('font-size') || '16px';
+			const fontFamily = computedStyle.getPropertyValue('font-family') || 'sans-serif';
+
 			const clone = element.cloneNode(true);
 
-			// 3. 복사본에 가져온 모든 스타일을 적용합니다.
 			for (const prop of computedStyle) {
-
 				clone.style[prop] = computedStyle.getPropertyValue(prop);
-				console.log(prop, clone.style[prop]);
 			}
 
+			console.log(fontSize);
+
+			// ⭐ 폰트 스타일을 명시적으로 재정의합니다. ⭐
+			clone.style.fontSize = fontSize;
+			clone.style.fontFamily = fontFamily;
+
 			// 4. 복제본을 시각적으로 숨기고 레이아웃에 포함시킬 스타일을 적용합니다.
 			clone.style.position = 'absolute';
 			clone.style.left = '-9999px';

package/dist/bundle.esm.js

@@ -121943,19 +121943,24 @@ class NxLayout2 extends HTMLElement {
 
 	#position = () => {
 		const getRenderedWidthWithClone = (element) => {
-			// 1. 요소의 모든 계산된 스타일을 가져옵니다.
 			const computedStyle = window.getComputedStyle(element);
 
-			// 2. 요소를 깊은 복제합니다.
+			// ⭐ 커스텀 속성 값을 직접 가져옵니다. ⭐
+			const fontSize = computedStyle.getPropertyValue('font-size') || '16px';
+			const fontFamily = computedStyle.getPropertyValue('font-family') || 'sans-serif';
+
 			const clone = element.cloneNode(true);
 
-			// 3. 복사본에 가져온 모든 스타일을 적용합니다.
 			for (const prop of computedStyle) {
-
 				clone.style[prop] = computedStyle.getPropertyValue(prop);
-				console.log(prop, clone.style[prop]);
 			}
 
+			console.log(fontSize);
+
+			// ⭐ 폰트 스타일을 명시적으로 재정의합니다. ⭐
+			clone.style.fontSize = fontSize;
+			clone.style.fontFamily = fontFamily;
+
 			// 4. 복제본을 시각적으로 숨기고 레이아웃에 포함시킬 스타일을 적용합니다.
 			clone.style.position = 'absolute';
 			clone.style.left = '-9999px';

package/dist/nx/nxLayout2.js

@@ -60,19 +60,24 @@ class NxLayout2 extends HTMLElement {
 
 	#position = () => {
 		const getRenderedWidthWithClone = (element) => {
-			// 1. 요소의 모든 계산된 스타일을 가져옵니다.
 			const computedStyle = window.getComputedStyle(element);
 
-			// 2. 요소를 깊은 복제합니다.
+			// ⭐ 커스텀 속성 값을 직접 가져옵니다. ⭐
+			const fontSize = computedStyle.getPropertyValue('font-size') || '16px';
+			const fontFamily = computedStyle.getPropertyValue('font-family') || 'sans-serif';
+
 			const clone = element.cloneNode(true);
 
-			// 3. 복사본에 가져온 모든 스타일을 적용합니다.
 			for (const prop of computedStyle) {
-
 				clone.style[prop] = computedStyle.getPropertyValue(prop);
-				console.log(prop, clone.style[prop]);
 			}
 
+			console.log(fontSize);
+
+			// ⭐ 폰트 스타일을 명시적으로 재정의합니다. ⭐
+			clone.style.fontSize = fontSize;
+			clone.style.fontFamily = fontFamily;
+
 			// 4. 복제본을 시각적으로 숨기고 레이아웃에 포함시킬 스타일을 적용합니다.
 			clone.style.position = 'absolute';
 			clone.style.left = '-9999px';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.1158.0",
+  "version": "6.1160.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/src/nx/nxLayout2.js

@@ -60,19 +60,24 @@ class NxLayout2 extends HTMLElement {
 
 	#position = () => {
 		const getRenderedWidthWithClone = (element) => {
-			// 1. 요소의 모든 계산된 스타일을 가져옵니다.
 			const computedStyle = window.getComputedStyle(element);
 
-			// 2. 요소를 깊은 복제합니다.
+			// ⭐ 커스텀 속성 값을 직접 가져옵니다. ⭐
+			const fontSize = computedStyle.getPropertyValue('font-size') || '16px';
+			const fontFamily = computedStyle.getPropertyValue('font-family') || 'sans-serif';
+
 			const clone = element.cloneNode(true);
 
-			// 3. 복사본에 가져온 모든 스타일을 적용합니다.
 			for (const prop of computedStyle) {
-
 				clone.style[prop] = computedStyle.getPropertyValue(prop);
-				console.log(prop, clone.style[prop]);
 			}
 
+			console.log(fontSize);
+
+			// ⭐ 폰트 스타일을 명시적으로 재정의합니다. ⭐
+			clone.style.fontSize = fontSize;
+			clone.style.fontFamily = fontFamily;
+
 			// 4. 복제본을 시각적으로 숨기고 레이아웃에 포함시킬 스타일을 적용합니다.
 			clone.style.position = 'absolute';
 			clone.style.left = '-9999px';