input appended to input

[yucjk0120]

I want to create input group like this with bootstrap_form.

It is made by following code.

<div class="input-group mb-3">
  <input type="text" class="form-control" placeholder="Username" aria-label="Username">
  <span class="input-group-text">@</span>
  <input type="text" class="form-control" placeholder="Server" aria-label="Server">
</div>

So, I thought it works well appending '@' and domain part input to username input.

= f.text_field :username, append: ['@', f.text_field_without_bootstrap(:domain)]

But this made...

As L83 in lib/bootstrap_form/helpers/bootstrap.rb

      def input_group_content(content)
        return content if content.include?("btn")

        tag.span(content, class: "input-group-text")
      end

Other than btn tag, appending or prepending content will be surrounded by span tags.

Is there any prefer usage? or it may accept some input tags?

[yucjk0120]

Otherwise I can avoid this adding meaningless 'btn' string into apending content....

= f.text_field :username, append: ['@', f.text_field_without_bootstrap(:domain, btn: 'btn')]

😢