itsjavi/bootstrap-colorpicker

Container selector won't work if colorpicker target is an input

Aperta

#321 aperta il 9 nov 2020

Vedi su GitHubGuida contributor
 (1 commento) (0 reazioni) (0 assegnatari)JavaScript (356 fork)batch import
bughelp wanted

Metriche repository

Star
 (1364 stelle)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

Description

I tried to user to use container selector setting but not work, the color picker still appears on the end of the body.

Context

  • bootstrap-colorpicker version: 3.2.0
  • bootstrap version: 4.3.1
  • jQuery version: 3.4.1
  • Browser name and version: Chrome Version 86.0.4240.183 (Official Build) (x86_64)
  • Operative System name an version: MacOS 10.15.7

Expected behavior

The color picker should be appear inside the container

Actual behavior

Color picker still appears on the end of the body

Live Example

https://jsfiddle.net/jmh124po/

Guida contributor

Direzione di ricerca
Il problema segnala che l'opzione del selettore del contenitore non funziona quando il target del colorpicker è un elemento di input. Il comportamento previsto è che il selettore di colore dovrebbe apparire all'interno del contenitore specificato, ma invece appare alla fine del body. L'esempio jsFiddle fornito (https://jsfiddle.net/jmh124po/) può essere utilizzato per riprodurre il bug. Indaga come l'opzione del contenitore viene gestita nel codice sorgente del plugin, probabilmente in `src/js/colorpicker.js`. Cerca la parte in cui il contenitore viene determinato e aggiunto al DOM. Il bug potrebbe essere correlato alla logica che controlla il tipo di target (input vs altri elementi) o a come il contenitore viene impostato quando il target è un input. Controlla eventuali commenti esistenti o problemi collegati. Concentrati sulle funzioni relative a `appendTo` o `container`.
Tech stack
javascript
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
JavaScriptjQuery
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75