[fffffffff]

Cześć, macie jakiś pomysł jak mogę wstawić ikonę zaraz za tekstem wpisanym w inpucie?

#programowanie #javascript #react

[Davidozz]

@fffffffff: ale po co? ( ͡° ͜ʖ ͡°)

[Rufurege1]

::after albo position absolute

[fffffffff]

@Davidozz tak mi każą ¯_(ツ)_/¯

[Davidozz]

@Rufurege1: nie wiadomo właśnie, czy na INPUT-ach to zadziała, bo one chyba nie przyjmują childrenów

[Davidozz]

@fffffffff: jak to co kolega wyżej nie zadziała, to walnij jakiś div obejmujący input i tą ikonkę i się pobaw z position: absolulute i z-index

[fffffffff]

@Davidozz tak chyba nie. Cała trudność w tym że to położenie musi się zmieniać dynamicznie w zależności od tekstu

[Davidozz]

@fffffffff: coś takiego. Tylko pokombinuj z tym "ch" bo się rozjeżdża za bardzo xD

https://jsfiddle.net/tfqhzr7v/

[Davidozz]

@fffffffff: ogólnie, to bym w ogóle nie robił inputu, tylko jakiś div, bo tu jeszcze dochodzi kwestia scrollowania w inpucie.

[fffffffff]

@Davidozz to było by fajne, ale najgorsze że litery mogą mieć różna szerokość a ch to chyba szerokość 0.

[fffffffff]

@Davidozz Ja tez tak tylko chce się upewnić ze nie ominąłem nic oczywistego

[Davidozz]

@fffffffff:

Ja tez tak tylko chce się upewnić ze nie ominąłem nic oczywistego

Nie tam. Wal 2 divy w divie i po sprawie. Ikonek w inpucie się k---a zachciało pajacom. Na stacku też ktoś zaoferował to rozwiązanie to ci wysłałem, ale wiadomo, że ono jest do cipy.

[Davidozz]

@fffffffff: Ej, ale mam 2 pomysł

[Davidozz]

@fffffffff:

[Davidozz]

@Davidozz: @fffffffff: I ten "tekst z inputa" dajesz, żeby był niewidoczny, np opacity 0. I na zmianę w inpucie ustawiasz mu w środku tekst na taki sam jak w inpucie. Wtedy automatycznie ikonka będzie w idealnej odległości

[fffffffff]

@Davidozz: Tak czułem że musi się znaleźć jakiś trick na to. Dzięki!