valcosmos
diff --git a/‎lib/rules/enforces-shorthand.js‎
Lines changed: 5 additions & 1 deletion b/‎lib/rules/enforces-shorthand.js‎
Lines changed: 5 additions & 1 deletion
diff --git a/‎lib/util/groupMethods.js‎
Lines changed: 2 additions & 2 deletions b/‎lib/util/groupMethods.js‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎package.json‎
Lines changed: 0 additions & 1 deletion b/‎package.json‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎tests/lib/rules/enforces-shorthand.js‎
Lines changed: 3 additions & 0 deletions b/‎tests/lib/rules/enforces-shorthand.js‎
Lines changed: 3 additions & 0 deletions
@@ -243,7 +243,11 @@ module.exports = {
           }
           // Test if the body of the class matches, eg. 'h-' inside 'h-10'
           if (mode === 'value') {
-            return inputSet.some((inputClassPattern) => inputClassPattern === remainingClass.body);
+            const bodyMatch = inputSet.some((inputClassPattern) => inputClassPattern === remainingClass.body);
+            // w-screen + h-screen ≠ size-screen (Issue #307)
+            const validValue =
+              bodyMatch && !(['w-', 'h-'].includes(remainingClass.body) && ['screen'].includes(remainingClass.value));
+            return validValue;
           }
         });
 
 
@@ -486,8 +486,8 @@ function getSuffix(className, separator = ':') {
 /**
  * Find the group of a classname
  *
- * @param {String} name Classname to be find using patterns
- * @param {Array} group The group bein tested
+ * @param {String} name Classname to be find using patterns (without modifiers)
+ * @param {Array} group The group being tested
  * @param {Object} config Tailwind CSS config
  * @param {String} parentType The name of the parent group
  * @returns {Object} The infos
 
@@ -18,7 +18,6 @@
   "bugs": "https://github.com/francoismassart/eslint-plugin-tailwindcss/issues",
   "main": "lib/index.js",
   "scripts": {
-    "wip": "mocha tests/lib/rules/no-arbitrary-value.js",
     "test": "mocha tests --recursive"
   },
   "files": [
 
@@ -129,6 +129,9 @@ ruleTester.run("shorthands", rule, {
     {
       code: "<div className={`absolute inset-y-0 left-0 w-1/3 rounded-[inherit] shadow-lg ${className}`}>issue #312</div>",
     },
+    {
+      code: "<div className={'w-screen h-screen'}>issue #307</div>",
+    },
   ],
 
   invalid: [
Original file line number	Diff line number	Diff line change
`@@ -243,7 +243,11 @@ module.exports = {`
`243`	`243`	`}`
`244`	`244`	`// Test if the body of the class matches, eg. 'h-' inside 'h-10'`
`245`	`245`	`if (mode === 'value') {`
`246`		`- return inputSet.some((inputClassPattern) => inputClassPattern === remainingClass.body);`
	`246`	`+ const bodyMatch = inputSet.some((inputClassPattern) => inputClassPattern === remainingClass.body);`
	`247`	`+ // w-screen + h-screen ≠ size-screen (Issue #307)`
	`248`	`+ const validValue =`
	`249`	`+ bodyMatch && !(['w-', 'h-'].includes(remainingClass.body) && ['screen'].includes(remainingClass.value));`
	`250`	`+ return validValue;`
`247`	`251`	`}`
`248`	`252`	`});`
`249`	`253`
Original file line number	Diff line number	Diff line change
`@@ -129,6 +129,9 @@ ruleTester.run("shorthands", rule, {`
`129`	`129`	`{`
`130`	`130`	code: "<div className={`absolute inset-y-0 left-0 w-1/3 rounded-[inherit] shadow-lg ${className}`}>issue #312</div>",
`131`	`131`	`},`
	`132`	`+ {`
	`133`	`+ code: "<div className={'w-screen h-screen'}>issue #307</div>",`
	`134`	`+ },`
`132`	`135`	`],`
`133`	`136`
`134`	`137`	`invalid: [`