diff --git a/CHANGELOG.md b/CHANGELOG.md index 7bb84d1bc789..0e8e81ee99db 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -18,7 +18,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Add `caption-side` utilities ([#10470](https://github.com/tailwindlabs/tailwindcss/pull/10470)) - Add `justify-normal` and `justify-stretch` utilities ([#10560](https://github.com/tailwindlabs/tailwindcss/pull/10560)) - Add `content-normal` and `content-stretch` utilities ([#10645](https://github.com/tailwindlabs/tailwindcss/pull/10645)) -- Add `line-clamp` utilities from `@tailwindcss/line-clamp` to core ([#10768](https://github.com/tailwindlabs/tailwindcss/pull/10768)) +- Add `line-clamp` utilities from `@tailwindcss/line-clamp` to core ([#10768](https://github.com/tailwindlabs/tailwindcss/pull/10768), [#10876](https://github.com/tailwindlabs/tailwindcss/pull/10876)) - Support ESM and TypeScript config files ([#10785](https://github.com/tailwindlabs/tailwindcss/pull/10785)) - Add `list-style-image` utilities ([#10817](https://github.com/tailwindlabs/tailwindcss/pull/10817)) - Use `:is` to make important selector option insensitive to DOM order ([#10835](https://github.com/tailwindlabs/tailwindcss/pull/10835)) diff --git a/src/corePlugins.js b/src/corePlugins.js index ecb198eb9706..aacca3ab0af1 100644 --- a/src/corePlugins.js +++ b/src/corePlugins.js @@ -717,7 +717,12 @@ export let corePlugins = { ) addUtilities({ - '.line-clamp-none': { '-webkit-line-clamp': 'unset' }, + '.line-clamp-none': { + overflow: 'visible', + display: 'block', + '-webkit-box-orient': 'horizontal', + '-webkit-line-clamp': 'none', + }, }) }, diff --git a/tests/kitchen-sink.test.js b/tests/kitchen-sink.test.js index a1425b2d75a3..f5e30b4bbff7 100644 --- a/tests/kitchen-sink.test.js +++ b/tests/kitchen-sink.test.js @@ -454,7 +454,10 @@ crosscheck(({ stable, oxide }) => { overflow: hidden; } .line-clamp-none { - -webkit-line-clamp: unset; + -webkit-line-clamp: none; + -webkit-box-orient: horizontal; + display: block; + overflow: visible; } .scale-50 { --tw-scale-x: 0.5; @@ -1019,7 +1022,10 @@ crosscheck(({ stable, oxide }) => { overflow: hidden; } .line-clamp-none { - -webkit-line-clamp: unset; + -webkit-line-clamp: none; + -webkit-box-orient: horizontal; + display: block; + overflow: visible; } .scale-50 { --tw-scale-x: 0.5;