Skip to content

Starscape: Block validation error #339

@carstingaxion

Description

@carstingaxion

Unfortunately this nice block-experiment is only working anymore within the editor, not on the frontend. And it tells us about it.

Bildschirmaufzeichnung.vom.05.12.2023.10.38.26.webm

In the rendered block-output the looong inline CSS for .wp-block-a8c-starscape__stars are missing the animation property, which do exist in the rendered component in the editor.

grafik

The console says:

Content generated by `save` function:

[...] <div class="wp-block-a8c-starscape__stars" style="box-shadow:[...(loong list of values)...]width:3px;height:3px;animation:wp-block-a8c-starscape-animation-rotate 39.67466772465781s linear infinite"></div><div class="wp-block-a8c-starscape__inner"></div></div>


Content retrieved from post body:

[...] <div class="wp-block-a8c-starscape__stars" style="box-shadow:[...(loong list of values)...]width:3px;height:3px"></div><div class="wp-block-a8c-starscape__inner"></div></div>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions