In wordpress customizer api adding div wrap to control

Question

As here is a ticket about input_attrs class not working for some controls .

I want to know if I can wrap some wordpress customize control inside a div ?

Can I do something like

$wp_customize->add_control( $this->slug . '_style[heading_text_decoration]', array(
            'label'    => __('Text Decoration'),
            'type'     => 'checkbox',
            'section' => $this->slug . '_text_style',
            'priority' => 16,
            'input_attrs' => array(
                'before' => '<div class="my-wrap">',
                'class' => 'section-style-all-heading',
                'after' => '</div>'
            ),
        ) );

or

$wp_customize->add_control( $this->slug . '_style[heading_text_decoration]', array(
            'label'    => __('Text Decoration'),
            'type'     => 'checkbox',
            'section' => $this->slug . '_text_style',
            'priority' => 16,
            'input_attrs' => array(
                'wrap' => '<div class="my-wrap"></div>',
                'class' => 'section-style-all-heading',
            ),
        ) );

or any other way to do it ?

Answer 1

As the ticket says, input_attrs is not working for:

checkboxes, textareas, and other non-fallthrough cases

to have the wrapper you would have to create your own custom control and add the div in the render part, or go the hackish way with JavaScript.