Using "length:fit-content" attribute breaks the post & page in general
M
Max Dan
started a topic
28 days ago
Steps to reproduce: adding a "length:fit-content" attribute to any type of element in the post edit menu then clicking on "Preview" or "Save to drafts"(untested with "Post") will cause the error
Error: Clicking "Preview" will delete the post editing window and cause the "Something went wrong" message to appear. Pressing on "Keep working on it" on the "Discard this post?" window does not fix it.
Choosing to save the post to drafts instead will cause the drafts tab to turn completely blank after a couple seconds upon accessing it.
Tested with:
Firefox 125.0b7 with extensions(Stylus + a few basic ones) and 80% zoom: as described except Stylus seems to make the "Something went wrong" message to not appear
Firefox 125.0b7 without extensions on an incognito window and 80% zoom: as described
Opera One 108.0.5067.29 with basic extensions: as described
Console logs: Clicking preview:
Uncaught Error: Minified React error #421; visit https://reactjs.org/docs/error-decoder.html?invariant=421 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
React 10
Ns
fl
su
au
iu
Ql
Bi
uu
uu
Wl
_ scheduler.production.min.js:13
I scheduler.production.min.js:14
react-dom.production.min.js:226:130
React 10
Ns
fl
su
au
iu
Ql
Bi
uu
uu
Wl
_ scheduler.production.min.js:13
I scheduler.production.min.js:14
TypeError: setting getter-only property "length"
React 10
ge
ms
lu
su
au
iu
Gl
Ql
Bi
l
rollbar.umd.min.js:1:62595
TypeError: setting getter-only property "length"
React 10
ge
ms
lu
su
au
iu
Gl
Ql
Bi
l
Object { componentStack: "[deleted due to potentially sensitive information]" }
componentStack: "[deleted due to potentially sensitive information]"
<prototype>: Object { … }
rollbar.umd.min.js:1:62595
Clicking "save to drafts":
TypeError: setting getter-only property "length"
React 11
ge
ms
lu
su
au
iu
Ql
Bi
uu
uu
Wl
_ scheduler.production.min.js:13
I scheduler.production.min.js:14
23744 scheduler.production.min.js:14
Webpack 15
n
75183
n
74413
n
98410
n
45387
n
55443
n
t
<anonymous>
e
<anonymous>
rollbar.umd.min.js:1:62595
Uncaught Error: Minified React error #421; visit https://reactjs.org/docs/error-decoder.html?invariant=421 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
React 10
Ns
fl
su
au
iu
Ql
Bi
uu
uu
Wl
_ scheduler.production.min.js:13
I scheduler.production.min.js:14
23744 scheduler.production.min.js:14
Webpack 15
n
75183
n
74413
n
98410
n
45387
n
55443
n
t
<anonymous>
e
<anonymous>
react-dom.production.min.js:226:130
Uncaught TypeError: setting getter-only property "length"
React 11
ge
ms
lu
su
au
iu
Ql
Bi
uu
uu
Wl
_ scheduler.production.min.js:13
I scheduler.production.min.js:14
23744 scheduler.production.min.js:14
Webpack 15
n
75183
n
74413
n
98410
n
45387
n
55443
n
t
<anonymous>
e
<anonymous>
react-dom.production.min.js:49:139
+ a CORS error
Device info: Windows 10 Lenovo IdeaPad L340-15IWL 64 bit
Screenshots: Previewing the post on firefox with stylus:
Max Dan
Clicking preview:
Uncaught Error: Minified React error #421; visit https://reactjs.org/docs/error-decoder.html?invariant=421 for the full message or use the non-minified dev environment for full errors and additional helpful warnings. React 10 Ns fl su au iu Ql Bi uu uu Wl _ scheduler.production.min.js:13 I scheduler.production.min.js:14 react-dom.production.min.js:226:130 React 10 Ns fl su au iu Ql Bi uu uu Wl _ scheduler.production.min.js:13 I scheduler.production.min.js:14TypeError: setting getter-only property "length" React 10 ge ms lu su au iu Gl Ql Bi l rollbar.umd.min.js:1:62595TypeError: setting getter-only property "length" React 10 ge ms lu su au iu Gl Ql Bi l Object { componentStack: "[deleted due to potentially sensitive information]" } componentStack: "[deleted due to potentially sensitive information]" <prototype>: Object { … } rollbar.umd.min.js:1:62595Clicking "save to drafts":
TypeError: setting getter-only property "length" React 11 ge ms lu su au iu Ql Bi uu uu Wl _ scheduler.production.min.js:13 I scheduler.production.min.js:14 23744 scheduler.production.min.js:14 Webpack 15 n 75183 n 74413 n 98410 n 45387 n 55443 n t <anonymous> e <anonymous> rollbar.umd.min.js:1:62595Uncaught Error: Minified React error #421; visit https://reactjs.org/docs/error-decoder.html?invariant=421 for the full message or use the non-minified dev environment for full errors and additional helpful warnings. React 10 Ns fl su au iu Ql Bi uu uu Wl _ scheduler.production.min.js:13 I scheduler.production.min.js:14 23744 scheduler.production.min.js:14 Webpack 15 n 75183 n 74413 n 98410 n 45387 n 55443 n t <anonymous> e <anonymous> react-dom.production.min.js:226:130Uncaught TypeError: setting getter-only property "length" React 11 ge ms lu su au iu Ql Bi uu uu Wl _ scheduler.production.min.js:13 I scheduler.production.min.js:14 23744 scheduler.production.min.js:14 Webpack 15 n 75183 n 74413 n 98410 n 45387 n 55443 n t <anonymous> e <anonymous> react-dom.production.min.js:49:139Previewing the post on firefox with stylus: