Включить поля в хитбокс клика ⇐ Html

[Anonymous]

Я хочу, чтобы хитбоксы кликов всех элементов включали их поля. Я подумал, что хороший способ сделать это — обернуть элементы в другой элемент без отступов и полей и привязать прослушиватель кликов к элементу-оболочке.Но я не могу найти хороший вариант для оболочки, которая могла бы обертывать как встроенные, так и блочные элементы.
Я читал, что может обертывать блок. элементы, но в ходе моего короткого тестирования это оказалось совсем не так. В приведенной ниже демонстрации он закрывается при открытии .
Есть ли лучшее решение?

Код: Выделить всё

.wrapper {
display: inline-block
}

Код: Выделить всё

The content I want to wrap:

wrap this pwrap this spanwrap this b[/b]
[b]
wrap this h2

div (valid but changes layout):


wrap this pwrap this spanwrap this b[/b]
[b]
wrap this h2

a (not valid, cannot wrap block elements):


wrap this pwrap this spanwrap this b[/b]
[b]
wrap this h2

span (not technically valid):


wrap this pwrap this spanwrap this b[/b]
[b]
wrap this h2

div inline-block (makes everything inline and has formatting issues like the p gets closed early):

wrap this pwrap this spanwrap this b[/b]


wrap this h2

Подробнее здесь: https://stackoverflow.com/questions/797 ... ick-hitbox