Help with Warning: “Style property values shouldn’t contain a semicolon”

Hi @areoimiles,

• It only happens on the editor page.
• It seems to happen to layout blocks like container, row etc. and the image block.
• For example i have the following code:

<!-- wp:areoi/strip {"block_id":"093ad75c-f93d-4177-b8f4-7177e8e57934","height_dimension_xs":"100","height_unit_xs":"vh"} -->
<!-- wp:areoi/container {"block_id":"af395dcc-38c0-4b66-80eb-c0ef4b08f53e","height_dimension_xs":"100"} -->
<!-- wp:areoi/row {"block_id":"1cadedbc-18db-4bdd-a787-f5f1e0d04c11","height_dimension_xs":"10","height_unit_xs":"rem"} -->
<!-- wp:areoi/column {"block_id":"4e7d82ac-db50-43a2-a4b1-b9916d2d04ff"} /-->
<!-- /wp:areoi/row -->
<!-- /wp:areoi/container -->
<!-- /wp:areoi/strip -->

I gave the strip 100vh, the container 100px and the row 10rem.

I get the following error message for all 3 blocks but with their corresponding height and unit:

Warning: Style property values shouldn't contain a semicolon. Try "cssText: height: 100px" instead. div edit@http://localhost/wp-content/plugins/all-bootstrap-blocks/build/index.js?ver=fdce868cb84a724b1177eba37bd34f0e:1:307890 Edit@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:37103:7 addGridVisualizerToBlockEdit</<@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:51548:7 createBlockEditFilter/withBlockEditHooks</<@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:18055:21 withPatternOverrideControls</<@http://localhost/wp-includes/js/dist/editor.js?ver=ef18ccc096d0cd84bb34:8743:29 ./src/wp-content/plugins/scopevisio-formats/src/dotNav.js/</<@http://localhost/wp-content/plugins/scopevisio-formats//build/index.js?ver=6db5c176e1ed911c8e46:94:9 FilteredComponentRenderer@http://localhost/wp-includes/js/dist/components.js?ver=490baf094e76d91dd234:68438:9 EditWithGeneratedProps@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:37122:7 BlockEdit@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:37307:19 BlockCrashBoundary@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:37614:5 BlockListBlock@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:38892:24 withLayoutStyles</<@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:36131:7 createBlockListBlockFilter/withBlockListBlockHooks</<@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:18124:99 FilteredComponentRenderer@http://localhost/wp-includes/js/dist/components.js?ver=490baf094e76d91dd234:68438:9 withDispatch/</<@http://localhost/wp-includes/js/dist/data.js?ver=3b2ba2c4c2cb0f74c344:4489:46 BlockListBlockProvider@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:39263:7 Items@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:42190:15 BlockListItems UncontrolledInnerBlocks@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:41520:7 div div ForwardedInnerBlocks<@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:41572:47 div edit@http://localhost/wp-content/plugins/all-bootstrap-blocks/build/index.js?ver=fdce868cb84a724b1177eba37bd34f0e:1:306650 Edit@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:37103:7 addGridVisualizerToBlockEdit</<@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:51548:7 createBlockEditFilter/withBlockEditHooks</<@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:18055:21 withPatternOverrideControls</<@http://localhost/wp-includes/js/dist/editor.js?ver=ef18ccc096d0cd84bb34:8743:29 ./src/wp-content/plugins/scopevisio-formats/src/dotNav.js/</<@http://localhost/wp-content/plugins/scopevisio-formats//build/index.js?ver=6db5c176e1ed911c8e46:94:9 FilteredComponentRenderer@http://localhost/wp-includes/js/dist/components.js?ver=490baf094e76d91dd234:68438:9 EditWithGeneratedProps@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:37122:7 BlockEdit@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:37307:19 BlockCrashBoundary@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:37614:5 BlockListBlock@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:38892:24 withLayoutStyles</<@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:36131:7 createBlockListBlockFilter/withBlockListBlockHooks</<@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:18124:99 FilteredComponentRenderer@http://localhost/wp-includes/js/dist/components.js?ver=490baf094e76d91dd234:68438:9 withDispatch/</<@http://localhost/wp-includes/js/dist/data.js?ver=3b2ba2c4c2cb0f74c344:4489:46 BlockListBlockProvider@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:39263:7 Items@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:42190:15 BlockListItems div Root@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:42084:14 BlockList RecursionProvider@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:70494:27 div WritingFlow@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:43960:21 div BlockTools@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:58596:20 ExperimentalBlockCanvas@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:59156:33 div Resizable@http://localhost/wp-includes/js/dist/components.js?ver=490baf094e76d91dd234:62992:28 UnforwardedResizableBox@http://localhost/wp-includes/js/dist/components.js?ver=490baf094e76d91dd234:64036:33 ResizableEditor@http://localhost/wp-includes/js/dist/editor.js?ver=ef18ccc096d0cd84bb34:27077:25 div VisualEditor@http://localhost/wp-includes/js/dist/editor.js?ver=ef18ccc096d0cd84bb34:27292:22 SlotComponent@http://localhost/wp-includes/js/dist/components.js?ver=490baf094e76d91dd234:33416:5 Slot UnforwardedSlot@http://localhost/wp-includes/js/dist/components.js?ver=490baf094e76d91dd234:33978:7 EditCanvasContainerSlotSlot div NavigableRegion<@http://localhost/wp-includes/js/dist/editor.js?ver=ef18ccc096d0cd84bb34:9867:76 div div div InterfaceSkeleton@http://localhost/wp-includes/js/dist/editor.js?ver=ef18ccc096d0cd84bb34:9957:27 EditorInterface@http://localhost/wp-includes/js/dist/editor.js?ver=ef18ccc096d0cd84bb34:27626:25 BlockRefsProvider@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:27717:27 Provider@http://localhost/wp-includes/js/dist/components.js?ver=490baf094e76d91dd234:33990:18 ExperimentalBlockEditorProvider<@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:36997:7 withRegistryProvider</<@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:36537:117 BlockContextProvider@http://localhost/wp-includes/js/dist/block-editor.js?ver=6d9093f09070e6e7425e:37056:30 EntityProvider@http://localhost/wp-includes/js/dist/core-data.js?ver=3461264c74d08f890ac1:6995:24 EntityProvider@http://localhost/wp-includes/js/dist/core-data.js?ver=3461264c74d08f890ac1:6995:24 ExperimentalEditorProvider<@http://localhost/wp-includes/js/dist/editor.js?ver=ef18ccc096d0cd84bb34:24580:59 withRegistryProvider</<@http://localhost/wp-includes/js/dist/editor.js?ver=ef18ccc096d0cd84bb34:21972:117 Editor@http://localhost/wp-includes/js/dist/editor.js?ver=ef18ccc096d0cd84bb34:29355:16 div ErrorBoundary@http://localhost/wp-includes/js/dist/editor.js?ver=ef18ccc096d0cd84bb34:11688:5 SlotFillProvider@http://localhost/wp-includes/js/dist/components.js?ver=490baf094e76d91dd234:33828:26 provider_SlotFillProvider@http://localhost/wp-includes/js/dist/components.js?ver=490baf094e76d91dd234:33926:35 Provider@http://localhost/wp-includes/js/dist/components.js?ver=490baf094e76d91dd234:33990:18 Layout@http://localhost/wp-includes/js/dist/edit-post.js?ver=dfe4443c649a0ed7a76a:3115:16

An example for the image block:

<!-- wp:areoi/strip {"block_id":"e2509c21-1426-4e61-9e1b-f300aa852d27","background_display":true,"background_image":{"uploading":false,"date":1738160255000,"filename":"Screenshot-2024-04-16-145445.png","menuOrder":0,"uploadedTo":29113,"type":"image","subtype":"png","id":29120,"title":"Screenshot 2024-04-16 145445","url":"http://localhost/wp-content/uploads/Screenshot-2024-04-16-145445.png","link":"http://localhost/?attachment_id=29120","alt":"","author":"64","description":"","caption":"","name":"screenshot-2024-04-16-145445","status":"inherit","modified":1738160255000,"mime":"image/png","icon":"http://localhost/wp-includes/images/media/default.svg","dateFormatted":"January 29, 2025","nonces":{"update":"3edbb8213a","delete":"3bfa3822fa","edit":"68ab179c25"},"editLink":"http://localhost/wp-admin/post.php?post=29120\u0026action=edit","meta":false,"authorName":"someone","authorLink":"http://localhost/wp-admin/profile.php","uploadedToTitle":"st","uploadedToLink":"http://localhost/wp-admin/post.php?post=29113\u0026action=edit","filesizeInBytes":35764,"filesizeHumanReadable":"35 KB","context":"","height":496,"width":549,"orientation":"landscape","sizes":{"thumbnail":{"height":150,"width":150,"url":"http://localhost/wp-content/uploads/Screenshot-2024-04-16-145445-150x150.png","orientation":"landscape"},"medium":{"height":271,"width":300,"url":"http://localhost/wp-content/uploads/Screenshot-2024-04-16-145445-300x271.png","orientation":"landscape"},"header-foreground":{"height":480,"width":549,"url":"http://localhost/wp-content/uploads/Screenshot-2024-04-16-145445-549x480.png","orientation":"landscape"},"full":{"url":"http://localhost/wp-content/uploads/Screenshot-2024-04-16-145445.png","height":496,"width":549,"orientation":"landscape"}},"compat":{"item":"","meta":""}}} /-->

I get the error:

Style property values shouldn't contain a semicolon. Try "cssText: background-image: url( http://localhost/wp-content/uploads/Screenshot-2024-04-16-145445.png )" instead.

Thank you for the help!

Hello,

No need to apologize :). I have just tried to check if the problem was still there and found out that it no longer the case is. I think it was a problem on the wordpress side and disappeared with the 6.8. The plugin scopevisio-formats was just adding a new toolbar button for editing text.

Thank you for the answer and help. I appreciate it 😀