I’m thinking of introducing Elm into a React project with Browser.element. It’ll only be one element for now but I am wondering what’s gonna happen with the debugger when a second element is added? Are there two debuggers? Is there a way to switch between them? What’s a good way to deal with it? W…

There will be multiple debuggers, one for each app. Because the debuggers have a fixed position, they will overlap and you can only easily interact with the top most one. But each debugger works as normal. You could use a contain - CSS: Cascading Style Sheets | MDN property on the parent element of…

Hey @klaftertief thanks for sharing this tip. Wow, I never would’ve come up with that. I gave contain a check on caniuse and it has surprisingly good browser support. I guess I could even set the contain to be set only when I’m in dev mode or so. Another question that popped into my head was this: …

This PR might interest you - adds a CSS class to the debugger so that you have somewhere to hook alternative styling onto: Add class to elm debugger elm:master ← neslinesli93:feature/add_class_debugger opened 03:50PM - 10…

Yes, we only set the CSS in development mode. We do not have client side routing on the page, so I can’t really comment on the route change behaviour. My guess is that the debugger will disappear when the React app removes the wrapping Elm app element, but you might have memory leaks if you do not …

Ah thanks, if only that got merged :slight_smile:

I added some info about those memory leaks to the issues justification for adding app.kill() · Issue #886 · elm/core · GitHub

Multiple Debuggers on page?

Learn

ChristophP February 25, 2022, 8:06pm 6

Ah thanks, if only that got merged

Topic		Replies	Views
Elm Debugger Update Show and Tell	7	2358	November 9, 2019
Elm-remotedev - Elm ↔ Redux DevTools Extension Integration Show and Tell	16	4568	March 25, 2018
Time travelling debugger with elm reactor 0.19 Learn	2	2301	September 24, 2018
Elm devTools - Interactive devTools for Elm! Request Feedback	11	5754	December 26, 2018
Code crashes after --debug switch removed from compiler Learn	2	747	March 10, 2020

Multiple Debuggers on page?

Related topics