bootstrap4-toggle icon indicating copy to clipboard operation
bootstrap4-toggle copied to clipboard

Doesn't render correctly when using Input Group

Open daniel-scatigno opened this issue 4 years ago • 1 comments

When using inside an input-group the Off button doesn't render corretly Example:

                  <div class="form-group">
                    <div class='input-group'>
                        <input type="hidden" name='' value="" />
                        <input type='text' class='form-control telefone' />
                        <div class='input-group-append'>
                          <div class='input-group-btn'>
                            <input type='checkbox' class="" data-toggle='toggle'
                             value="true" data-off="Não" data-on="Sim">
                            <input type='hidden'  value="false" />
                          </div>
                      </div>
                    </div>
                  </div>

daniel-scatigno avatar Mar 06 '20 19:03 daniel-scatigno

I had the same issue, and fixed it:

.input-group .input-group-btn .toggle-on,
.input-group .input-group-btn .toggle-off{
    position: absolute;
}

bryan-brancotte avatar Apr 21 '20 06:04 bryan-brancotte