fix(kit): maskitoCaretGuard doesn't work after focus on <select />

[nsbarsukov]

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Refactoring
• Code style update
• Build or CI related changes
• Documentation content changes

What is the current behavior?

1. Use Firefox or Safari

2. Run

import {ChangeDetectionStrategy, Component} from '@angular/core';
import {maskitoCaretGuard, maskitoNumberOptionsGenerator} from '@maskito/kit';

const numberOptions = maskitoNumberOptionsGenerator({
    postfix: `$`,
});

@Component({
    selector: 'test-doc-example-5',
    template: `
        <input
            value="100$"
            [maskito]="numberMask"
        />

        <select>
            <option>1</option>
            <option>2</option>
            <option>3</option>
        </select>
    `,
    changeDetection: ChangeDetectionStrategy.OnPush,
})
export class TestDocExample5 {
    readonly numberMask = {
        ...numberOptions,
        plugins: [
            ...numberOptions.plugins,
            maskitoCaretGuard(value => [0, value.length - 1]),
        ],
    };
}

firefox.mov

See also:

• Look into this Stackblitz example. Chrome, Firefox and Safari behave in different ways.
  Repeat many times these actions: click on <select /> + close dropdown via clicking outside.
• https://bugs.chromium.org/p/chromium/issues/detail?id=26017

What is the new behavior?

Closes taiga-family/taiga-ui#5233

Does this PR introduce a breaking change?

• Yes
• No

[github-actions]

Visit the preview URL for this PR (updated for commit 35d14c8):

https://maskito--pr462-caret-guard-bug-xsf9wbs7.web.app

_{(expires Thu, 31 Aug 2023 15:33:20 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 61e4dea776cbea516b68c67840913d2edd88bb90}