React Portals & Forms

[ש.ב.ח.]

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

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

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

[dovid]

@ש-ב-ח אם אתה מתכוון במילה טופס לform של html אז זו התנהגות ברירת מחדל הדפדפן שהאנטר בכל איזור הform עושה לטופס submit.
הדרך הפשוטה (והנכונה לדעתי) למנוע את זה היא הוספה בטופס של input מסוג submit במצב disable:

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

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

[ש.ב.ח.]

@dovid הפורטל מחוץ לform כך שזה לא אמור להיות באופן נורמלי כי הקלט בכלל לא בתוך הform

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