'Multiple Elementor "Group_Control_Background" control label is not working

I need 3 background group control on Elementor custom widget. So, I am using this:

$this->add_group_control(
    \Elementor\Group_Control_Background::get_type(),
    [
        'name' => 'background_active',
        'label' => esc_html__( 'Background Active', 'plugin-name' ),
        'types' => [ 'classic', 'gradient', 'video' ],
        'selector' => '{{WRAPPER}} .navigate-master ul li a.active',
        'default' => esc_html__( '#ffb200' , 'plugin-name' ),
        'condition' => [
            'nm_nm_title' => '',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Background::get_type(),
    [
        'name' => 'background',
        'label' => esc_html__( 'Background', 'plugin-name' ),
        'types' => [ 'classic', 'gradient', 'video' ],
        'selector' => '{{WRAPPER}} .navigate-master ul li a',
        'default' => esc_html__( '#ffb200' , 'plugin-name' ),
        'condition' => [
            'nm_nm_title' => '',
        ],
    ]
);

$this->add_group_control(
    \Elementor\Group_Control_Background::get_type(),
    [
        'name' => 'background_hover',
        'label' => esc_html__( 'Background Hover', 'plugin-name' ),
        'types' => [ 'classic', 'gradient', 'video' ],
        'selector' => '{{WRAPPER}} .navigate-master ul li a:hover',
        'default' => esc_html__( 'yellow' , 'plugin-name' ),
        'condition' => [
            'nm_nm_title' => '',
        ],
    ]
);

You can see that I have used a unique name and label but I can't see the different label on the widget sidebar.

Can you tell me why?

enter image description here



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source