1. Подсказка - это span с абсолютным/релативным позиционированием по правому краю.
2. Я решаю такую задачу двумя обработчиками событий - глобальным(на window или document) и локальным(на элементе, который должен активироваться-деактивироваться) - и общим для обаботчиков логическим переключателем-переменной. При клике в элементе, сначала активируется локальный обработчик, который ставит логический переключатель в другое положение(в простом случае, присваивает true). Затем активируется глобальный обработчик, который проверяет изменение состояния логического переключателя. Если он изменился - значит был клик внутри элемента, в таком случае он сбрасывает выключатель и ничего не делает. Если не изменился - то клик был вне элемента, надо деактивировать элемент.
Замечу, что подбных эффектов можно добиться с помощью стилизации тэга select или использовать стилизированый тэг button с нативными событиями получения и потери фокуса.
P.S. Чета я документации перечитал :D
