Hi

I am working on a custom module where I have used Background control inside Repeater items.

Here is the code that I have used to add it.

$repeater->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'background_color_indv', 'types' => [ 'classic', 'gradient'], 'selector' => '{{WRAPPER}} {{CURRENT_ITEM}} .item__content-wrap' ] );

Background color and images are working fine with this. But Background Gradient is not getting applied.

When I further investigated it by looking at the generated css file, I found that it is creating a malformed CSS.

Here is the css code generated by it.

.elementor-1447 .elementor-element.elementor-element-173c65d .elementor-repeater-item-21e3af7 .item__content-wrap { background-color: transparent; background-image: linear-gradient(180deg, , ); }

Another example using radia gradient

.elementor-1447 .elementor-element.elementor-element-173c65d .elementor-repeater-item-21e3af7 .item__content-wrap { background-color: transparent; background-image:radial-gradient(at center center, , ); }
It look like Background Gradient is not compatible with Repeater Controls.