<![CDATA[React Portals & Forms]]>שלום וברכה
למי שמכיר את ריאקט ואת המושג פורטל
יצרתי טופס שבתוכו יש כפתור לפתיחת מודלי (בתוך פורטל) ובמודלי יש קלט (ולקלט יש כובע ולכובע פונפון ולפופונפון... לא, סתם הגזמתי...)

ופה מתחיל הסיפור שלנו...
בלחיצה על אנטר בקלט הטופס נשלח על אף שהמודלי נמצא בפועל מחוץ לטופס

אני מנסה להבין למה (אולי כי בפועל הוא כן בפנים אלא שריאקט מצליח לעשות הפרדת רשויות)
ועוד יותר אני מנסה להבין איך אני משחרר אותו מעניין הכואב הזה...

]]>https://tchumim.com/topic/12976/react-portals-formsRSS for NodeSat, 13 Jun 2026 03:15:33 GMTTue, 15 Mar 2022 10:23:14 GMT60<![CDATA[Reply to React Portals & Forms on Tue, 15 Mar 2022 15:13:54 GMT]]>@dovid הפורטל מחוץ לform כך שזה לא אמור להיות באופן נורמלי כי הקלט בכלל לא בתוך הform

לאחר בדיקה נוספת: זה אכן לא קורה מתהליכי ברירת המחדל
על הform יש onKeyUp (של ריאקט) וזה חל גם על מה שמחוץ לform... 😞

]]>https://tchumim.com/post/137662https://tchumim.com/post/137662Tue, 15 Mar 2022 15:13:54 GMT<![CDATA[Reply to React Portals & Forms on Tue, 15 Mar 2022 10:51:39 GMT]]>@ש-ב-ח אם אתה מתכוון במילה טופס לform של html אז זו התנהגות ברירת מחדל הדפדפן שהאנטר בכל איזור הform עושה לטופס submit.
הדרך הפשוטה (והנכונה לדעתי) למנוע את זה היא הוספה בטופס של input מסוג submit במצב disable:

  <button type="submit" disabled style="display: none"></button>

קרדיט: https://stackoverflow.com/a/51507806/1271037

]]>https://tchumim.com/post/137620https://tchumim.com/post/137620Tue, 15 Mar 2022 10:51:39 GMT