fix(password-input): mark passwordIsVisible as reactive

This commit is contained in:
Eric Liu 2019-12-20 17:28:33 -08:00
commit 95a4ead0e3

View file

@ -26,7 +26,6 @@
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher();
const errorId = `${id}-error`; const errorId = `${id}-error`;
const passwordIsVisible = type === 'text';
const _labelClass = cx( const _labelClass = cx(
'--label', '--label',
hideLabel && '--visually-hidden', hideLabel && '--visually-hidden',
@ -48,6 +47,7 @@
tooltipPosition && `--tooltip--${tooltipPosition}`, tooltipPosition && `--tooltip--${tooltipPosition}`,
tooltipAlignment && `--tooltip--align-${tooltipAlignment}` tooltipAlignment && `--tooltip--align-${tooltipAlignment}`
); );
$: passwordIsVisible = type === 'text';
</script> </script>
<div class={cx('--form-item', '--text-input-wrapper', '--password-input-wrapper')}> <div class={cx('--form-item', '--text-input-wrapper', '--password-input-wrapper')}>