[FTUI3] Aktuell noch Probleme mit dem Swiper

[moonsorrox]

seit meinem gestrigen Update habe ich noch das Problem das der swiper nicht mehr automatisch arbeitet
Sieht momentan so aus und funktionierte Problemlos

Code Auswählen Erweitern

<ftui-row>
<ftui-swiper scrollbar auto-play interval="15">
<ftui-content id="dwd_1" [hidden]="DWD:a_count | map('0:true, 1:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_0"></ftui-content>
<ftui-content id="dwd_2" [hidden]="DWD:a_count | map('0:true, 2:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_1"></ftui-content>
<ftui-content id="dwd_3" [hidden]="DWD:a_count | map('0:true, 3:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_2"></ftui-content>
<ftui-content id="dwd_4" [hidden]="DWD:a_count | map('0:true, 4:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_3"></ftui-content>
<ftui-content id="dwd_5" [hidden]="DWD:a_count | map('0:true, 5:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_4"></ftui-content>
<ftui-content id="dwd_6" [hidden]="DWD:a_count | map('0:true, 6:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_5"></ftui-content>
<ftui-content id="dwd_7" [hidden]="DWD:a_count | map('0:true, 7:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_6"></ftui-content>
<ftui-content id="dwd_8" [hidden]="DWD:a_count | map('0:true, 8:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_7"></ftui-content>
<ftui-content id="dwd_9" [hidden]="DWD:a_count | map('0:true, 9:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_8"></ftui-content>
<ftui-content id="dwd_10" [hidden]="DWD:a_count | map('0:true, 10:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_9"></ftui-content>
<ftui-content id="dwd_11" [hidden]="DWD:a_count | map('0:true, 11:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_10"></ftui-content>
<ftui-content id="dwd_12" [hidden]="DWD:a_count | map('0:true, 12:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_11"></ftui-content>
</ftui-swiper>
</ftui-row>

[yersinia]

Ich les' mal mit, das Problem habe ich auch beobachtet bei meine dwd-warn Version:
- die slides werden dynamisch eingebunden, aber das autoscroll funktioniert nicht (wenn man die Seite neu lädt, läuft alles wie erwartet)
- hidden funktioniert nicht
- die letzte slide hat etwa die doppelte Anzeigezeit
- durch die Breite der letzten Slide ist der Scrollbalken länger als er müsste; dadurch wird auch bei nur einer Slide der Scrollbalken angezeigt

Ich könnte auch wechseln zwischen "keine Warnungen" als eigener Container (und die swiper Funktion neu initialisieren wenn a_count > 0) versus die "keine Warnungen" ist die erste slide und wird bei a_count > 0 ausgeblendet.

Lustigerweise beobachte ich bei einem anderen swiper (fürs Proplanta-Wetter), dass die slides nicht immer nach Reihenfolge durchgewischt werden. Anstelle von 1->2->3->4->5->6->7->1 usw sehe ich 1->3->5->7->4->2->6->1.

[moonsorrox]

OK also bin ich nicht der einzige..!!

zu dem Scrollbalken, ja den habe ich neurdings auch unten drunter 
Ich bin guter Dinge das es irgendwann wieder läuft da ich das Teil richtig gut fand

[yersinia]

Also seit dem Swiper Update scheint es besser zu funktionieren. Ich werde es beobachten.
(System: FF 97.0 32Bit auf Win10 und FF 97.0 64Bit auf Linux)

[moonsorrox]

bei mir ist es jetzt der Fall, dass er unkontrolliert hin und her swipt. Also gut ist das wohl nicht, mal zeigt er die Erste Seite, mal sofort die letzte irgendwie keine richtige Reihenfolge.

[yersinia]

Nachdem ich wieder ein paar Tage in 'meine' DWD-warn-Version investiert habe, habe ich keinerlei Probleme mit dem swiper festgestellt. Vermutlich rührten einige Probleme bei mir ua auch von einer falschen hidden-Definition her (typischer PEBKAC).

Was ich aber in deinem obigen code sehe ist das map im hidden-Attribut welches in deinem kontext durch step ersetzt werden muss:

Code Auswählen Erweitern

<ftui-row>
<ftui-swiper scrollbar auto-play interval="15">
<!--                                      HIER ----v                             -->
<ftui-content id="dwd_1" [hidden]="DWD:a_count | step('0:true, 1:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_0"></ftui-content>
<ftui-content id="dwd_2" [hidden]="DWD:a_count | step('0:true, 2:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_1"></ftui-content>
<ftui-content id="dwd_3" [hidden]="DWD:a_count | step('0:true, 3:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_2"></ftui-content>
<ftui-content id="dwd_4" [hidden]="DWD:a_count | step('0:true, 4:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_3"></ftui-content>
<ftui-content id="dwd_5" [hidden]="DWD:a_count | step('0:true, 5:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_4"></ftui-content>
<ftui-content id="dwd_6" [hidden]="DWD:a_count | step('0:true, 6:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_5"></ftui-content>
<ftui-content id="dwd_7" [hidden]="DWD:a_count | step('0:true, 7:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_6"></ftui-content>
<ftui-content id="dwd_8" [hidden]="DWD:a_count | step('0:true, 8:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_7"></ftui-content>
<ftui-content id="dwd_9" [hidden]="DWD:a_count | step('0:true, 9:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_8"></ftui-content>
<ftui-content id="dwd_10" [hidden]="DWD:a_count | step('0:true, 10:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_9"></ftui-content>
<ftui-content id="dwd_11" [hidden]="DWD:a_count | step('0:true, 11:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_10"></ftui-content>
<ftui-content id="dwd_12" [hidden]="DWD:a_count | step('0:true, 12:false')" file="content-popup-wetterwarung-dwd-swiper-content.html" warn-number="a_11"></ftui-content>
</ftui-swiper>
</ftui-row>
Hast du das mal versucht bzw aktualisiert?

[moonsorrox]

meiner sieht aktuell genauso aus, intervall habe ich zum testen runter gesetzt und ja step hatte ich schon ersetzt.
momentan läuft es halbwegs, nur das er noch etwas rumspringt was mir etwas unkontrolliert aussieht.

Code Auswählen Erweitern

<ftui-row>
<ftui-swiper auto-play interval="5">
<ftui-content id="dwd_1" [hidden]="DWD:a_count | step('0:true, 1:false')" file="content-popup-wetterwarung-dwd-swiper.html" warn-number="a_0"></ftui-content>
<ftui-content id="dwd_2" [hidden]="DWD:a_count | step('0:true, 2:false')" file="content-popup-wetterwarung-dwd-swiper.html" warn-number="a_1"></ftui-content>
<ftui-content id="dwd_3" [hidden]="DWD:a_count | step('0:true, 3:false')" file="content-popup-wetterwarung-dwd-swiper.html" warn-number="a_2"></ftui-content>
<ftui-content id="dwd_4" [hidden]="DWD:a_count | step('0:true, 4:false')" file="content-popup-wetterwarung-dwd-swiper.html" warn-number="a_3"></ftui-content>
<ftui-content id="dwd_5" [hidden]="DWD:a_count | step('0:true, 5:false')" file="content-popup-wetterwarung-dwd-swiper.html" warn-number="a_4"></ftui-content>
<ftui-content id="dwd_6" [hidden]="DWD:a_count | step('0:true, 6:false')" file="content-popup-wetterwarung-dwd-swiper.html" warn-number="a_5"></ftui-content>
<ftui-content id="dwd_7" [hidden]="DWD:a_count | step('0:true, 7:false')" file="content-popup-wetterwarung-dwd-swiper.html" warn-number="a_6"></ftui-content>
<ftui-content id="dwd_8" [hidden]="DWD:a_count | step('0:true, 8:false')" file="content-popup-wetterwarung-dwd-swiper.html" warn-number="a_7"></ftui-content>
<ftui-content id="dwd_9" [hidden]="DWD:a_count | step('0:true, 9:false')" file="content-popup-wetterwarung-dwd-swiper.html" warn-number="a_8"></ftui-content>
<ftui-content id="dwd_10" [hidden]="DWD:a_count | step('0:true, 10:false')" file="content-popup-wetterwarung-dwd-swiper.html" warn-number="a_9"></ftui-content>
<ftui-content id="dwd_11" [hidden]="DWD:a_count | step('0:true, 11:false')" file="content-popup-wetterwarung-dwd-swiper.html" warn-number="a_10"></ftui-content>
<ftui-content id="dwd_12" [hidden]="DWD:a_count | step('0:true, 12:false')" file="content-popup-wetterwarung-dwd-swiper.html" warn-number="a_11"></ftui-content>
</ftui-swiper>
</ftui-row>

[yersinia]

nur das er noch etwas rumspringt was mir etwas unkontrolliert aussieht.

Das Verhalten habe ich seit dem Update vom 12.02. nicht mehr beobachtet - und das bei einem Swiper für die Wettervorhersage.


Edit: mir ist bei meinem dwd-swiper aufgefallen, dass hidden für ftui-content nicht funktioniert wenn es als swiper-slide genutzt wird. Es scheint mir auch gar nicht unlogisch - warum sollte man auch ftui-content ausblenden? Man lädt ja 'nur' html code nach.
Vermutlich ist diese Kombination (ftui-content mit hidden als swiper-slide) das Problem. Von daher behelfe ich mir dort mit style.
Aber das ist nur eine Vermutung, wahrscheinlich Blödsinn.

[moonsorrox]

ich werde mal das Update machen, da ich jetzt nicht genau weiß ob ich das vor ein paar Tagen gemacht habe.

[LuGu]

Edit: mir ist bei meinem dwd-swiper aufgefallen, dass hidden für ftui-content nicht funktioniert wenn es als swiper-slide genutzt wird. Es scheint mir auch gar nicht unlogisch - warum sollte man auch ftui-content ausblenden? Man lädt ja 'nur' html code nach.
Vermutlich ist diese Kombination (ftui-content mit hidden als swiper-slide) das Problem. Von daher behelfe ich mir dort mit style.
Aber das ist nur eine Vermutung, wahrscheinlich Blödsinn.

@yersinia
Ich glaube nicht, das es an hidden liegt, den im Bespiel von setstate funktioniert es ja mit <ftui-content [hidden]... auch.
Bei mir gibt es aktuell auch keine Probleme

https://knowthelist.github.io/ftui/www/ftui/examples/swiper.html

Gruß LuGu