No Code Attached Yet J4 Issue Information Required
avatar marcorensch
marcorensch
27 Dec 2017

Steps to reproduce the issue

Create Field type color and set format to hex rgb or rgba.

<field type="color" name"field_name" format="rgba" description="" />

Expected result

color chooser in selected format. with color palette, hue and (if rgba mode) with transparency.

Actual result

looks like each control is multiple times (at least twice), Color Range selector, Hue Selector and Transparency Selector.
that one in front (and hue selector left) are not working.

System information (as much as possible)

J4 Alpha 2
PHP 7.1.8
Firefox 57.0.1
Safari 11.0.2

Additional comments

screen shot 2017-12-27 at 17 51 03

Votes

# of Users Experiencing Issue
1/1
Average Importance Score
4.00

avatar marcorensch marcorensch - open - 27 Dec 2017
avatar joomla-cms-bot joomla-cms-bot - labeled - 27 Dec 2017
avatar marcorensch marcorensch - change - 27 Dec 2017
The description was changed
avatar marcorensch marcorensch - edited - 27 Dec 2017
avatar franz-wohlkoenig franz-wohlkoenig - change - 27 Dec 2017
Build Alpha 2 4.0-dev
avatar dgrammatiko
dgrammatiko - comment - 27 Dec 2017

@marcorensch this script is under refactoring, so instead of the 2-3 different scripts for the color pickers we will end up with one script, with no dependencies (bye bye jQuery) and also will be a Custom Element. This is the starting point if you want to help: https://codepen.io/dgt41/pen/LjXQoP?editors=0010 it's based on the MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool

So appart from making this actually work as intended we need to make it also accessible...

avatar franz-wohlkoenig
franz-wohlkoenig - comment - 28 Dec 2017

@dgt41 should i close this Issue?

avatar franz-wohlkoenig franz-wohlkoenig - change - 28 Dec 2017
Status New Discussion
avatar C-Lodder
C-Lodder - comment - 28 Dec 2017

Can leave it open as a reference for the time being Franz ;)

avatar marcorensch
marcorensch - comment - 28 Dec 2017

Sorry but something like that?

https://codepen.io/Proximate/pen/EoWmzo

Quick and Dirty (a lot of unused JS) but working so far...

avatar C-Lodder
C-Lodder - comment - 28 Dec 2017

@marcorensch - It will be like that but a much more basic implementation. Here was the PR I did for the non custom element version: #16385

avatar brianteeman brianteeman - change - 25 Mar 2018
Labels Added: J4 Issue
avatar brianteeman brianteeman - labeled - 25 Mar 2018
avatar brianteeman
brianteeman - comment - 13 Jul 2018

@dgrammatiko any update on this refactoring - its been 6 months

avatar dgrammatiko
dgrammatiko - comment - 14 Jul 2018

@brianteeman the code is here: https://codepen.io/dgrammatiko/pen/zLvXwR

Haven't published anything because there was a discussion about using web components or just custom elements so I needed to know is shadow dom is something we will consider for such components. This has been resolved in our last meeting and once we have the building scripts ready for shadow dom I'll PR this as well

avatar jwaisner
jwaisner - comment - 18 Mar 2020

@dgrammatiko has this been worked or can this be closed?


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/19187.

avatar jwaisner jwaisner - change - 18 Mar 2020
Status Discussion Information Required
avatar brianteeman
brianteeman - comment - 18 Mar 2020

This is still an open issue

avatar jwaisner jwaisner - change - 18 Mar 2020
Status Information Required Confirmed
Build master 4.0-dev
avatar dgrammatiko
dgrammatiko - comment - 26 Jan 2022

@bembelimen theres a pr for the color field #35639 so this should be closed

avatar Quy Quy - change - 3 Feb 2022
Labels Added: No Code Attached Yet Information Required
Removed: ?
avatar Quy Quy - labeled - 3 Feb 2022
avatar brianteeman
brianteeman - comment - 23 Aug 2022

Please close as stated above by @dgrammatiko

avatar Quy Quy - change - 23 Aug 2022
Status Confirmed Closed
Closed_Date 0000-00-00 00:00:00 2022-08-23 22:20:01
Closed_By Quy
avatar Quy Quy - close - 23 Aug 2022

Add a Comment

Login with GitHub to post a comment