Как позиционировать подборщик цветов, открытый через цветной ввод HTML5?

Question

Сегодня я прочитал about HTML5's color input, и я думал, что я дам ему попробовать:

<input type="color" name="background" id="background" value="#ff0000"> 

Когда я нажимаю на вход (в хроме и светлячок, на окнах), появляется выбора цвета. Однако он расположен в верхнем левом углу экрана, а не над входом.

Это известная проблема, и это будет «исправлено» в будущем? Можно ли расположить селектор цветов с помощью кода? Или это то, что браузеры не могут многое сделать и что пользователи должны жить?

Answer 1

Позиционирования input типа color является реализацией браузера конкретно, в official documentation нет данного правила для пользовательских агентов (то есть браузеры), как поместить его на элементе страницы. Это делает пользовательское позиционирование с помощью CSS, например, JavaScript недоступен.

Однако, есть некоторые другие правила (например, есть всегда цвет выбрал, и нет никакого способа, чтобы установить значение в пустую строку.)

Имейте в виду, при использовании input типа color, что браузеры Internet Explorer и Safari не поддерживают.