Ребятки, всем привет!
Подскажите, от обзервабла с shareReplay() отписываться надо на онДестрое или нет?

Наверное да, через операторы`first()`, take(1), или как вы хотели takeUntil(subj) + onDestroy,

или нативный через async pipe, смотря что вы делаете в общем

Точно, там же async pipe. Спасибо

shareReplay если не ошибаюсь, просто предотвращает повторный same http запрос, к примеру.

Не знаю как точнее донести, в доке описано

Ну с shareReplay у меня проблем нет. Я что-то задумался просто, если он холодный, не выживет ли он случайно после смерти компонента. По-хорошему, не должен

Привет! Накидал пример с директивами

https://stackblitz.com/edit/angular-ivy-wr7yhr?file=src%2Fapp%2Fapp.module.ts

Сделай через CSS и :focus-within. Тогда сможешь даже табом с инпута на иконки перейти, так как они уже будут в DOM.

Почему такая фигня с SCSS?

Вот:

    > .text-container {
        color: inherit;
        width: 55%;
        z-index: 2;

        > .text-container__main-text {
            font-size: 32px;
            line-height: 42px;
            width: 125%;
        }
        > .text-container__secondary-text {
            font-size: 18px;
            line-height: calc(1em * 1.5);
            margin-top: 10px;
            width: 115%;
        }
        > .text-container__secondary-terms {
            font-size: 18px;
            line-height: 42px;
         }
     }

Заменяю на &:

    .text-container {
        color: inherit;
        width: 55%;
        z-index: 2;

        > &__main-text {
            font-size: 32px;
            line-height: 42px;
            width: 125%;
        }
        > &__secondary-text {
            font-size: 18px;
            line-height: calc(1em * 1.5);
            margin-top: 10px;
            width: 115%;
        }
        > &__secondary-terms {
            font-size: 18px;
            line-height: 42px;
        }
    }

И правила слетают. Почему?

Я понимаю, что это не профильный вопрос, но среда: Angular

Никто не наблюдал бага с мышкой в WebStorm после обновления 21.1.1 при отладке нативного js кода с breakpoints?

prod версия WS

#bug #webstorm

Точку забыл после &

То есть будет вот так: &.__main-text вместо &__main-text ?

Ну если __main-text это класс то да

мне кажется лишние >

точка после & не нужна

Не-а, работает, только если уберу & и пропишу имена вложенных классов полностью

Не помогло. Даже кэш браузера сбрасывал - стили всё равно слетели

.text-container {

        color: inherit;
        width: 55%;
        z-index: 2;

         &__main-text {
            font-size: 32px;
            line-height: 42px;
            width: 125%;
        }
         &__secondary-text {
            font-size: 18px;
            line-height: calc(1em * 1.5);
            margin-top: 10px;
            width: 115%;
        }
         &__secondary-terms {
            font-size: 18px;
            line-height: 42px;
        }
    }
так

?

тогда верстку бы еще

@morozeckiy @exiper в общем, проверил в девтулзах - SCSS почему-то не компилирует & в название класса-родителя. Такой баг наблюдается у меня с 8 версии Ангуляра. Почему так, можете дать направление, куда копать?