itsjavi/bootstrap-colorpicker

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

开放

#321 创建于 2020年11月9日

在 GitHub 查看贡献者指南
 (1 条评论) (0 个反应) (0 位负责人)JavaScript (356 个派生)batch import
bughelp wanted

仓库指标

星标
 (1,364 个星标)
PR 合并指标
 (30 天内没有已合并 PR)

描述

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/

贡献者指南

研究方向
该问题报告了当颜色选择器目标为输入元素时，容器选择器选项不起作用。预期行为是颜色选择器应出现在指定容器内，但它却出现在 body 末尾。提供的 jsFiddle 示例（https://jsfiddle.net/jmh124po/）可用于复现此错误。请研究插件源代码（可能在 `src/js/colorpicker.js` 中）如何处理容器选项。查找确定容器并追加到 DOM 的部分。该错误可能与检查目标类型（输入元素与其他元素）的逻辑有关，或者与目标为输入元素时如何设置容器有关。检查是否有现有注释或关联问题。重点关注 `appendTo` 或 `container` 相关函数。
技术栈
javascript
领域
frontend
议题类型
缺陷
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 小时
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
活跃
清晰度议题是否清楚说明期望改动、验收标准和下一步。
清晰
前置要求
JavaScriptjQuery
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
75