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

itsjavi / bootstrap-colorpicker

Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.

https://itsjavi.com/bootstrap-colorpicker/

MIT License

1.38k stars 369 forks source link

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

Open ignacioribes opened 3 years ago

ignacioribes commented 3 years ago

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/

itsjavi commented 3 years ago

I can confirm that it doesn't work if the target is an input: https://jsfiddle.net/f1x359k2/

Your fiddle example was not working at all, btw.