mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-06 16:36:47 +02:00
Code Issues Releases Wiki Activity

fix: color input changes while typing (#3919)

Browse Source
This commit is contained in:
Sami Mazouz
2023-11-03 14:08:40 +01:00
committed by GitHub
parent 679d32729e
commit bee50bec73
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
framework/core/js/src/common/components/ColorPreviewInput.tsx
View File

@@ -11,10 +11,18 @@ export default class ColorPreviewInput extends Component {
attrs.type ||= 'text'; attrs.type ||= 'text';
// If the input is a 3 digit hex code, convert it to 6 digits. attrs.onblur = () => {
if (attrs.value.length === 4) { if (attrs.value.length === 4) {
attrs.value = attrs.value.replace(/#([a-f0-9])([a-f0-9])([a-f0-9])/, '#$1$1$2$2$3$3'); attrs.value = attrs.value.replace(/#([a-f0-9])([a-f0-9])([a-f0-9])/, '#$1$1$2$2$3$3');
} attrs.onchange?.({ target: { value: attrs.value } });
}
// Validate the color
if (!/^#[a-f0-9]{6}$/i.test(attrs.value)) {
attrs.value = '#000000';
attrs.onchange?.({ target: { value: attrs.value } });
}
};
return ( return (
<div className="ColorInput"> <div className="ColorInput">