-
Notifications
You must be signed in to change notification settings - Fork 84
[Routify V3] <div id="..."> wrappers created for every part of the route, even though they are not part of any page or module #497
Description
bug description
<div id="...">...</div>wrappers are created for every part of the route even though I wouldn't expect them since they are not defined in any page or _module component nor in any of the regular components.
I am not sure if it was like that from the beginning, but my CSS, that seemed to work with version 3.0.0-next.123 (and possibly 3.0.0-next.129), stopped doing so.
What bothers me, is, that given e.g. the following route: /calendar/2022-09-01 I get divs, that are not defined in any of the following:
- not in the root
/routes/_module.svelte - not in the
/routes/calendar/_module.svelte - not in the
/routes/calendar/[date]/index.svelte
As the first screenshot shows, I have useless and bothering div containers around the actual useful container (the one with class="main calendar-page") and I do not know how to get rid of them.
Is that expected behavior, did I miss something or is it a bug that needs fixing?
package.json
Just standard npm run dev.
version
Routify 3 (Version next, currently 3.0.0-next.137).
screenshot
Screenshot of the month calendar page

I can provide more information about the set up if need be, though apart of routify, some UI framework (attractions) and a couple of libraries as well as Vite (and Vitest) I am not using anything worth mentioning. I think, that routify just creates div containers in one another for every part of the route.
Edit: since I can mostly work around this with proper CSS selectors, it does not bother me that much. I just wonder if it is supposed to be like this, if I have messed up somewhere or if it's a (probably low) bug.
