input appended to input

[yucjk0120]

trafficstars

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?