Я ничего не понял, можешь показать пример?

не мне лень я устал чето доказывать)

все равно скоупинг говно но никто его ради этого править не будет

а я просто буду юзать цсс модули

Жаль :)
Я вообще пример не понял, у меня дети занимают 100% ширины, никакие флексы в них не задаю, бед не знаю.

А что для сборки проекта используете webpack/rollup и как css модули делаете? Плагин в preprocess?

вебпак цсс лоадер из коробки умеет в цсс модули

но это будут голые цсс модули без интеграции со свелтом, хотя мне оно и не нужно я класснеймы руками спокойно склею через classNames

webpack 5 версии? Если да, то были ли проблемы с настройкой окружения? Месяц назад пробовал что-то не завелось на 5й версии, долго ковырять не стал, решил ролап использовать в итоге.

Стили прописываете не в <style>  в компоненте, а где-то в отдельном файле?

да стили будут импортиться

import styles from './styles.css';

а потом вешаться типа <div class={styles.wrapper}>

на боевом сейчас 4ый, но 5ый я руками трогал и с ним тоже вроде все норм было, если нужно могу завтра потестить

https://svelte.dev/repl/9117826d6d0344d1971408c1961ff57a - есть идеи как улучшить?

Добавить звук на кнопки))

Это баг или фича, нажав на кнопку 1 фокус 1, на 2 фокус 5, на 3 фокус 9.

dafuk

Вроде задание на яндекс, что-то в этом роде :)

С точки зрения юзабилити кнопки надо поуже, ИМХО.

1. при нажатии ОК мы входим в режим выбора символа — это юзлесс и из него хер выйдешь. нужно при нажатии ок запускать таймер во время которого можно несколько раз нажать ок и выбрать символ, как это работало на кнопочных телефонах.
2. изначально непонятно куда жать, кнопки клавиатуры вроде тыкаются, но безрезультатно, либо пускай тыкаются и выдают символы, либо не реагируют на клик вовсе.
3. входя в режим выбора символа на кнопке, жму вправо - перемещаю курсор вправо, затем влево — курсор всё ещё идёт вправо.
4. ошибка в консоли после выбора цифры 9
Error:
message: "symbol.toUpperCase is not a function"
stack: TypeError: symbol.toUpperCase is not a function
at Remoter.onOk (eval at handle_message (about:srcdoc:13:8), <anonymous>:1563:24)
at eval (eval at handle_message (about:srcdoc:13:8), <anonymous>:106:24)
at Array.forEach (<anonymous>)
at eval (eval at handle_message (about:srcdoc:13:8), <anonymous>:105:35)
at onClick (eval at handle_message (about:srcdoc:13:8), <anonymous>:608:9)
at Array.click_handler (eval at handle_message (about:srcdoc:13:8), <anonymous>:645:35)
at HTMLButtonElement.click_handler (eval at handle_message (about:srcdoc:13:8), <anonymous>:448:38)

а зачем ты обновился? =)