Trouble setting onBeforeInput handler

[malcolmredheron]

I'd like to set an onBeforeInput handler on a content-editable div that I have. Since slinky.web.html doesn't contain an onBeforeInput subclass of Attr, I figured that I'd just make the AttrPair myself:

      new slinky.core.AttrPair[_onInput_attr.type]("onBeforeInput", (e: slinky.core.SyntheticEvent[Nothing, org.scalajs.dom.Event]) =>
        dom.console.log("slinky attrpair onBeforeInput", e.nativeEvent)
      )

https://github.com/malcolmredheron/scalajs-slinky-beforeinput-event-type/blob/main/src/main/scala/testvite/Main.scala shows that if I handle onInput this way, or use addEventListener to handle "beforeinput" then in both cases I get the expected InputEvent.

Where is the InputEvent coming from? Is Slinky making it?

[shadaj]

According to https://stackoverflow.com/questions/68108411/react-how-to-use-event-data-in-onbeforeinput-handler-without-typescript-error, the event type differs between browsers, so I wonder if React is doing something funky to normalize events here. Regardless, Slinky doesn't do anything with events, it just passes them through, so not super sure what's going on here.

[malcolmredheron]

How strange. I'll try this with React in JS and report back. Thanks!

…

--- Sent with Superhuman ( https://superhuman.com/refer/cmsqjaxn ). Please favor brief email ( http://three.sentenc.es/ ) over chat, especially for tasks. For chat (+1-415-235-0687), WhatsApp is best. Never Signal unless there are legal issues.

On Mon, Dec 25, 2023 at 3:05 PM, Shadaj Laddad < ***@***.*** > wrote: According to https:/ / stackoverflow. com/ questions/ 68108411/ react-how-to-use-event-data-in-onbeforeinput-handler-without-typescript-error ( https://stackoverflow.com/questions/68108411/react-how-to-use-event-data-in-onbeforeinput-handler-without-typescript-error ) , the event type differs between browsers, so I wonder if React is doing something funky to normalize events here. Regardless, Slinky doesn't do anything with events, it just passes them through, so not super sure what's going on here. — Reply to this email directly, view it on GitHub ( #688 (comment) ) , or unsubscribe ( https://github.com/notifications/unsubscribe-auth/AAAOIXO2G5OEKWB4E6IDFR3YLIBD7AVCNFSM6AAAAABA4B5JVGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQNRZGE2DKOBTGE ). You are receiving this because you authored the thread. Message ID: <shadaj/slinky/issues/688/1869145831 @ github. com>