response-bootstrap вставляет изображение всплывающей подсказки в группу ввода - PullRequest
Новая
       39

response-bootstrap вставляет изображение всплывающей подсказки в группу ввода

0 голосов
/ 13 июня 2019

enter image description here

Я должен поместить в InputGroup изображение всплывающей подсказки, как вы можете видеть на изображении, но у меня ничего не получается.

Как видите, вся группа ввода выделена, и округление перестает работать.

Код: 

          <InputGroup className="mb-3">
            <InputGroup.Prepend>
              <InputGroup.Text>1 - </InputGroup.Text>
            </InputGroup.Prepend>
            <FormControl
              placeholder="2"
              aria-label="Amount (to the nearest dollar)"
              onChange={this.handleChange('range')}
            />

            <InputGroup.Prepend>
              <OverlayTrigger
                overlay={
                  <Tooltip id="tooltip-disabled">Hi.</Tooltip>
                }>
                <span className="d-inline-block">
                  <Image src="../../images/camera.svg" rounded />
                </span>
              </OverlayTrigger>
            </InputGroup.Prepend>
          </InputGroup>
...