🎄 Предновогодняя история про ИИ

Я попросил ИИ-помощника сделать чат со снежинками и Дедом Морозом на Laravel Livewire. ИИ справился!

🐛 Но нашёлся баг: при отправке сообщения чат, страница автоматически прокручивалась вверх.

Причина оказалась в теге формы: <form action="#">

🧐 Что происходило:
1. Кнопка для отправки <button wire:click=...>Отправить</button> была без атрибута type, значит по умолчанию button type работал как submit
2. При клике на такой кнопке срабатывает onsubmit формы - стандартное поведение браузера
3. action="#" в теге form приводит к автоматической прокрутке страницы вверх - опять же стандартное поведение браузера

📝 Выводы:
• Код от ИИ нужно ревьювить (не новость!)
• Чтобы отревьювить, важно понимать разные особенности и механизмы работы HTML/JS/PHP
• Несмотря на поиск причины бага, ИИ сэкономил для меня много времени на дизайне, который самостоятельно сделать было бы сложно (там миллионы talewind классов, кто вообще такое руками пишет???)
Profit!

P.S. в данном случае ИИ-помощником был AI Assistant от JetBrains в PhpStorm.