Reply To: Block preview is wrapped in “extra” div (same classes), affects appearance

• vellkan

• September 26, 2024 at 2:25 pm

Did You managed that to work properly?
Cause I’ve got similar problem with my blocks, much simpler code:

<?php

  // Create class attribute allowing for custom "className" and "align" values.
  $class_name = 'my-block';
  if ( ! empty( $block['className'] ) ) {
    $class_name .= ' ' . $block['className'];
  }

  if ( ! empty( $block['align'] ) ) {
    $class_name .= ' align' . $block['align'];
  }

  if ( ! empty( $block['alignText'] ) ) {
    $class_name .= ' text-align-' . $block['alignText'];
  }

  $anchor = '';
  if ( ! empty( $block['anchor'] ) ) {
    $anchor = 'id="' . esc_attr( $block['anchor'] ) . '" ';
  }

  $custom_id = wp_unique_id( 'custom-' );

  $attrs = $is_preview ? 'class="'.$class_name.'"' : get_block_wrapper_attributes(
    [
      'class' => $class_name
    ]
  );

?>

  <section <?php echo $anchor; ?> <?php echo $attrs; ?>>

    <!-- my block content -->

  </section><!-- /.full-section -->

In admin panel my SECTION is wrapped with extra div, on frontend everything is fine.
I’ve got problem with double classes in frontend too, when I remove this code:
$class_name .= ' ' . $block['className'];
it’s better, but in admin panel it’s a little pain in ass.