Can't access data from parent component when using a base href

simonferndriger commented 1 month ago

When I use <base href="../"> in the file where I include html files with x-ajax, the base href is used (surprisingly) for the include path (which is cool), but also additionally somehow which messes the include up, because the included file loses somehow access to the data from the parent component in that case.

ekwoka commented 1 month ago

Can you show some code and context for what you mean?

How do you mean it loses access to the parent scope?

simonferndriger commented 1 month ago

Sure, but for now I only know that the include can't access "page" anymore, which is defined in the <html x-data="$"> component and works well in the include, if there is no base href used in the index.html including the include.

Example:

index.html: https://matchflix.ch/new/
Component: <html lang="de" x-bind="$events" x-data="$">
Include: https://matchflix.ch/ajax/header.html
When accessing page.name in the include the console warns that page is undefined, but it has a default value {}

Does this help?

ekwoka / alpine-plugins

Can't access data from parent component when using a base href #23