search

markocupic / contao-news-infinite-scroll-bundle

Contao 4 module: Add Infinite Scroll to the Contao Newslist Module
4 stars 1 forks source link

Uncaught TypeError: t is null #18

Open V15 opened 1 month ago

V15 commented 1 month ago

Ich setze die Erweiterung bei 2 Projekten unter Contao 5 ein. Das funktioniert allerdings nur bis zur Version 1.4.1 deiner Erweiterung.

Mit der aktuellen Erweiterung (1.4.3) und Umstellung des Scripts (js_news_infinite_scroll statt j_news_infinite_scroll) & Auswahl des neuen Modul-Template erscheint weiterhin die Paginierung auf der Seite und ich erhalte folgenden Fehler in der Konsole:

Uncaught TypeError: t is null

Leider habe ich nicht herausfinden können, wie ich den Fehler beheben kann.

markocupic commented 1 month ago

Kann man das live irgendwo sehen?

V15 commented 1 month ago

Ja, ich habe gerade noch mal die aktuelle Version installiert: Link entfernt

V15 commented 1 month ago

modul layout

markocupic commented 1 month ago

Ich habe die Readme etwas überarbeitet.

markocupic commented 1 month ago

Deine Einstellungen sehen eigentlich korrekt aus.

markocupic commented 1 month ago

@V15 Aha! Bei dem Contao Pagination Modulhat sich der Aufbau geändert. Führe mal ein Update der Erweiterung durch und teste nochmals. Der Fix sollte das Problem beheben.

V15 commented 1 month ago

Funktioniert!

Ich dachte mir schon, dass es mit der Paginierung zusammenhängt - ich habe den Unterschied aber leider nicht gesehen.

Du hast den "Load more" Button nun aber auch verändert - oder? Da muss ich das CSS noch anpassen.

V15 commented 1 month ago

Danke für die schnelle Anpassung!

Vielleicht kannst du noch das HTML Markup bzw. die CSS Klassen, die du für den "Load more" Hinweis bzw. den "Lade" Zustand verwendest, mit in die Anleitung nehmen? Das hilft sicher dem einen oder anderen beim styling.

Load more button markup

<div class="inf-scr-load-more-btn-container">
<span class="inf-scr-load-more-btn-inner">LOAD MORE</span>
</div>

Loading in process indicator markup

<div class="inf-scr-loading-in-process-container">
<span class="inf-scr-loading-in-process-inner">LOADING</span>
</div>