Почему-то получается маленький input type="checkbox" в мобильном firefox?

Question

[PiCensored]

Проблема с checkbox в мобильном браузере firefox. Очень маленький размер. В остальных браузерах все нормально как в мобильных так и на десктопных

UPD:
Удалил весь код оставив только checkbox. Отображаться стало нормально. Что-то сбрасывает размер checkbox. пошел копать что сбрасывает

Comments

[ой всё]

размер самого чекбокса вообще значения не имеет, потому что выбор должен работать по клику на label, а не на чекбокс, то же относится к радио кнопкам

если специальные требования по дизайну, то надо переопределять вид управляющих элементов

[PiCensored]

Связать c label и его уже стилизовать? это расововерное решение по стандарту?

[ой всё]

PiCensored, управляющие элементы всегда должны быть связаны с label
стилизовать или нет - это головная боль дизайнера
для старого айфона без ретины, насколько я помню, размер кнопки должен быть не меньше чем 40x40 px или что-то в этом роде, то есть ckickable area для вашего label тоже должна быть не меньше для удобства тыканья

[Lander]

А если у чекбокса не будет label вообще?

[ой всё]

Lander, о боги, как такое может быть?

[Алексей Уколов]

Lander, label должен быть всегда. Пользователь же должен понимать, что этот чекбокс означает.

[Lander]

Алексей Уколов, ой всё, Ну первое что приходит в голову - таблица объект-объект, где на пересечении строки и столбца чекбоксом отмечается связь между этими объектами. Как быть в этом случае?

[PiCensored]

Про обязательную связку label и input в стандартах ничего не сказано
https://www.w3.org/TR/2011/WD-html5-20110525/commo...
https://www.w3.org/TR/2011/WD-html5-20110525/the-i...
https://developer.mozilla.org/en-US/docs/Web/HTML/...

Возможно это относится к "правилу хорошего тона". Валидация не нарушается

[ой всё]

Lander, что это меняет в коде самой формы?

[ой всё]

PiCensored, теперь понятно откуда берутся формы, в которых надо пять минут целиться в чекбоксы вместо того, чтобы ткнуть в его название

зачем вы вообще занимаетесь этой профессией, если вам наплевать на тех, для кого вы это все делаете?

[Lander]

ой всё, На секундочку PhpMyAdmin. Сомневаюсь, что вы делали что либо подобное в жизни.

upd.

что это меняет в коде самой формы?

Ну хотя бы то, что там понятно что это за чекбокс и без лейбла. Да и не нужен он там - на нём писать нечего.

[PiCensored]

ой всё,
Во-вервых. Вопрос был не про label.
Во-вторых. Label у меня задействован.
И в третих. Иди нафиг с таким гонором.

[ой всё]

Lander, а ну, если у вас задача отбиться от юзера, то о чем вообще разговор? можете и чекбокс не ставить :)

я вот даже не сомневаюсь, что вы ни разу не имели дела с такими вещами как usability и accessibility, которые уже давно являются стандартом во всем цивилизованном мире, и пхпадмин тут явно фейлит по всем пунктам

[Lander]

ой всё, Вы зачем демагогией занимаетесь? Вы ответили, что чекбокс стилизируется лейблом (что кстати не отвечает на вопрос ТС). Вам сказали что привязка лейбла - опциональна по стандарту, поэтому его может и не быть, что не нарушает никаких правил и html проходит валидацию. Вы тут начали задвигать про интерфейсы и как их правильно строить. Не надо так. Мы о другом!

upd: Я вам даже примеры привёл когда чекбоксы вполне могут не содержать лейбла, однако в итоге: "Всё говно - и вы ничего не понимаете".

[ой всё]

Lander, я нигде не писала, что чебокс стилизуется лейблом

можете поправить ваш комментарий, если хотите продолжить обсуждение
иначе ваш комментарий будет отмечен как оскорбительный

[Lander]

ой всё, Помечайте. Оскорбления там нет, но вы, конечно всё равно можете отметить :)

[ой всё]

Lander, уже

Answer 1

[PiCensored]

Причина найдена маленького отображения checkbox в мобильном firefox.
Для всех input'ов был задан padding Npx. С type="text" все нормально работает. А вот с type="checkbox" проблема. И скорее всего с type="radio" тоже проблема будет, маленький размер отображения или полностью не отображаться будет.