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