I have an input field in a Bootstrap accordion header.

Whenever I click in the input the accordion closes or opens depending on its state. The same happen as I type in the input and I type <Space>. How can I block these?

Here is the markup:

.accordion
  .accordion-item
    %h2.accordion-header
      %button.accordion-button
        .container
          .row
            .col-3
              = level.name
            .col-9
              = hypothesis_form.text_field :description, class: 'form-control'
    %div{ id: "structure-level-#{hypothesis.id}", class: 'accordion-collapse collapse show' }
      .accordion-body
        = render partial: '...', locals: { ...