iPhone scrolling

[micha218]

Hallo zusammen,

ich habe den 0.8.0-RC1 installiert und getestet. Funktioniert super, vielen Dank für Eure Arbeit!!! Mit dem iPhone (IOS 7) gibt es allerdings beim Scrollen im Metal und Pure Design noch Probleme. Hier https://knx-user-forum.de/295116-post415.html und hier https://knx-user-forum.de/295154-post416.html wurde das schon mal beschrieben. Oder hat jemand einen Trick, den ich übersehen habe?

Viele Grüße

Micha

[DasVantom]

Hi,

das funktioniert gefühlt seit einem Jahr nicht. Darum habe ich auch nichts mehr mit der CometVisu gemacht. In SVN 1387 funktioniert es gerade noch so, dann ist Schluss.
Selber hab ich es nicht rausfinden können.
Bin seit der Zeit auf die Version 0.8 am hoffen.

Evt. mache ich auch nur was falsch oder niemand hat einen Apfel.


Gruß
Florian

[coolrunnings]

Bei mir das Gleiche Problem (svn Version). Wenn ich eine Navbar auf der linken Seite habe, kann ich über diese scrollen, aber auch nur soweit, bis die Navbar nicht mehr sichtbar ist.
Aber wenn ich mich recht entsinne, hat es unter iOS 6 mit dem Chrome und Safari noch geklappt. Seit iOS 7 nicht mehr. Auf dem iPad ist es allerdings kein Problem (auch iOS 7).

Auf nem Android 4.1 geht's auch ohne Probleme.

[Chris M.]

Hab's mal unter https://sourceforge.net/p/openautomation/bugs/81/ eingetragen - sonst geht's wieder verloren...

[coolrunnings]

Heute Morgen auf iOS 7.03 geupdated und siehe da, ES scollt wieder.

[Tqm]

Aber leider noch nicht ganz sauber ...
... zumindest bei mir

Design: metal

[micha218]

Bei mir funktioniert das Pure Design jetzt mit IOS 7.03, jedoch bei metal ist das Problem noch vorhanden. Bei eingeblendetem linken Navigator kann man diesen (mit dem restlichen Seiteninhalt) bis zum unteren Navigationspunkt scrollen. Ohne linken Navigator springt die Seite beim Loslassen des Scrollfingers wieder an die ursprüngliche Stelle zurück.

Viele Grüße

Micha

[Chris M.]

Ich kann diese Probleme mit iOS 7 auf dem iPad leider nicht nachstellen

Vorschlag:
Kannst Du eine Dummy-Config erstellen, aus der dieses Verhalten nachvollziehbar ist?
Einfach ein paar <text>, <break> bzw. <line> und <page> sollten reichen.

Dann kannst Du da genau sagen, was wie funktionieren sollte - und was statt dessen passiert.

[micha218]

Test Config

Kannst Du eine Dummy-Config erstellen, aus der dieses Verhalten nachvollziehbar ist?

<?xml version="1.0" encoding="UTF-8"?>
<pages design="metal" enable_column_adjustment="true" default_columns="12" min_column_width="150" bind_click_to_widget="true" lib_version="1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="./visu_config.xsd">
  <meta>
    <statusbar>
      <status type="html">&lt;img src="icon/comet_64_ff8000.png" alt="CometVisu" /&gt; by &lt;a href="http://www.cometvisu.org/"&gt;CometVisu.org&lt;/a&gt; - &lt;a href=".?forceReload=true"&gt;Reload&lt;/a&gt; - &lt;a href="editor/editor.html"&gt;Edit&lt;/a&gt; - &lt;a href="?config=demo"&gt;Widget Demo&lt;/a&gt;</status>
      <status type="html" hrefextend="config">- &lt;a href="check_config.php"&gt;Check Config&lt;/a&gt;</status>
    </statusbar>
  </meta>
  <page name="Übersicht" showtopnavigation="false" showfooter="true" shownavbar-left="false">
    <layout colspan="2"/>
    <navbar position="top">
      <pagejump target="Übersicht">
        <layout colspan="0"/>
        <label>
          <icon name="control_home"/>Start</label>
      </pagejump>
      <pagejump target="LinkerNavigator">
        <layout colspan="0"/>
        <label>
          <icon name="control_building_control"/>LinkerNavigator</label>
      </pagejump>
    </navbar>
    <info>
      <layout colspan="2"/>
      <label>Infoblock1</label>
      <address transform="DPT:1.001" mode="read">1/0/0</address>
    </info>
    <break />
    <info>
      <layout colspan="2"/>
      <label>Infoblock2</label>
      <address transform="DPT:1.001" mode="read">1/0/0</address>
    </info>
    <break />
    <info>
      <layout colspan="2"/>
      <label>Infoblock3</label>
      <address transform="DPT:1.001" mode="read">1/0/0</address>
    </info>
    <break />
    <info>
      <layout colspan="2"/>
      <label>Infoblock4</label>
      <address transform="DPT:1.001" mode="read">1/0/0</address>
    </info>
    <break />
    <info>
      <layout colspan="2"/>
      <label>Infoblock5</label>
      <address transform="DPT:1.001" mode="read">1/0/0</address>
    </info>
    <break />
    <info>
      <layout colspan="2"/>
      <label>Infoblock6</label>
      <address transform="DPT:1.001" mode="read">1/0/0</address>
    </info>
    <break />
    <info>
      <layout colspan="2"/>
      <label>Infoblock7</label>
      <address transform="DPT:1.001" mode="read">1/0/0</address>
    </info>
    <break />
    <info>
      <layout colspan="2"/>
      <label>Infoblock8</label>
      <address transform="DPT:1.001" mode="read">1/0/0</address>
    </info>
    <break />
    <info>
      <layout colspan="2"/>
      <label>Infoblock9</label>
      <address transform="DPT:1.001" mode="read">1/0/0</address>
    </info>
    <break />
    <info>
      <layout colspan="2"/>
      <label>Infoblock10</label>
      <address transform="DPT:1.001" mode="read">1/0/0</address>
    </info>
    <break />
    <info>
      <layout colspan="2"/>
      <label>Infoblock11</label>
      <address transform="DPT:1.001" mode="read">1/0/0</address>
    </info>
    <break />
    <info>
      <layout colspan="2"/>
      <label>Infoblock12</label>
      <address transform="DPT:1.001" mode="read">1/0/0</address>
    </info>
    <break />
    <info>
      <layout colspan="2"/>
      <label>Infoblock13</label>
      <address transform="DPT:1.001" mode="read">1/0/0</address>
    </info>
    <break />
    <info>
      <layout colspan="2"/>
      <label>Infoblock14</label>
      <address transform="DPT:1.001" mode="read">1/0/0</address>
    </info>
    <break />
    <info>
      <layout colspan="2"/>
      <label>Infoblock15</label>
      <address transform="DPT:1.001" mode="read">1/0/0</address>
    </info>
    <break />
    <page name="LinkerNavigator" shownavbar-left="true" visible="false">
      <layout colspan="2"/>
      <navbar position="left" dynamic="true" width="200px">
        <group name="Navigroup1">
          <pagejump target="Navi1" name="Navi1"></pagejump>
          <pagejump target="Navi1" name="Navi2"></pagejump>
          <pagejump target="Navi1" name="Navi3"></pagejump>
          <pagejump target="Navi1" name="Navi4"></pagejump>
          <pagejump target="Navi1" name="Navi5"></pagejump>
          <pagejump target="Navi1" name="Navi6"></pagejump>
          <pagejump target="Navi1" name="Navi7"></pagejump>
          <pagejump target="Navi1" name="Navi8"></pagejump>
          <pagejump target="Navi1" name="Navi9"></pagejump>
          <pagejump target="Navi1" name="Navi10"></pagejump>
          <pagejump target="Navi1" name="Navi11"></pagejump>
          <pagejump target="Navi1" name="Navi12"></pagejump>
          <pagejump target="Navi1" name="Navi13"></pagejump>
          <pagejump target="Navi1" name="Navi14"></pagejump>
          <pagejump target="Navi1" name="Navi15"></pagejump>
        </group>
      </navbar>
      <page name="Navi1" visible="true">
        <info>
          <layout colspan="2"/>
          <label>Infoblock1</label>
          <address transform="DPT:1.001" mode="read">1/0/0</address>
        </info>
        <break />
        <info>
          <layout colspan="2"/>
          <label>Infoblock2</label>
          <address transform="DPT:1.001" mode="read">1/0/0</address>
        </info>
        <break />
        <info>
          <layout colspan="2"/>
          <label>Infoblock3</label>
          <address transform="DPT:1.001" mode="read">1/0/0</address>
        </info>
        <break />
        <info>
          <layout colspan="2"/>
          <label>Infoblock4</label>
          <address transform="DPT:1.001" mode="read">1/0/0</address>
        </info>
        <break />
        <info>
          <layout colspan="2"/>
          <label>Infoblock5</label>
          <address transform="DPT:1.001" mode="read">1/0/0</address>
        </info>
        <break />
        <info>
          <layout colspan="2"/>
          <label>Infoblock6</label>
          <address transform="DPT:1.001" mode="read">1/0/0</address>
        </info>
        <break />
        <info>
          <layout colspan="2"/>
          <label>Infoblock7</label>
          <address transform="DPT:1.001" mode="read">1/0/0</address>
        </info>
        <break />
        <info>
          <layout colspan="2"/>
          <label>Infoblock8</label>
          <address transform="DPT:1.001" mode="read">1/0/0</address>
        </info>
        <break />
        <info>
          <layout colspan="2"/>
          <label>Infoblock9</label>
          <address transform="DPT:1.001" mode="read">1/0/0</address>
        </info>
        <break />
        <info>
          <layout colspan="2"/>
          <label>Infoblock10</label>
          <address transform="DPT:1.001" mode="read">1/0/0</address>
        </info>
        <break />
        <info>
          <layout colspan="2"/>
          <label>Infoblock11</label>
          <address transform="DPT:1.001" mode="read">1/0/0</address>
        </info>
        <break />
        <info>
          <layout colspan="2"/>
          <label>Infoblock12</label>
          <address transform="DPT:1.001" mode="read">1/0/0</address>
        </info>
        <break />
        <info>
          <layout colspan="2"/>
          <label>Infoblock13</label>
          <address transform="DPT:1.001" mode="read">1/0/0</address>
        </info>
        <break />
        <info>
          <layout colspan="2"/>
          <label>Infoblock14</label>
          <address transform="DPT:1.001" mode="read">1/0/0</address>
        </info>
        <break />
        <info>
          <layout colspan="2"/>
          <label>Infoblock15</label>
          <address transform="DPT:1.001" mode="read">1/0/0</address>
        </info>
        <break />
      </page>
    </page>
  </page>
</pages>

Dann kannst Du da genau sagen, was wie funktionieren sollte - und was statt dessen passiert.

Seiten "Start" und beliebige Unterseite von "LinkerNavigator" im Hochformat (dann wird der Navigator ja ausgeblendet):
Beim scrollen mit einem Finger bewegt sich der Bildschirminhalt bis ich den Finger loslasse, dann spring der Inhalt wieder an die ursprüngliche Position zurück.

Beliebige Unterseite von "LinkerNavigator" im Querformat (mit eingeblendetem Navigator):
Wenn ich die rechte Bildschirmseite scrollen möchte ist das Verhalten wie oben beschrieben. Wenn ich den Navigationsteil (links) scrolle, funktioniert das Scrollen der gesamten Seite, bis ich am unteren Navigationspunkt angekommen bin.

Die Doppelklick Funktion in der rechten unteren/oberen Ecke zum Scrollen funktioniert allerdings auf allen Seiten.

Hilft das schon weiter?

Viele Grüße

Micha

[Chris M.]

Unterm iPad konnte ich es nicht direkt nachvollziehen, erst mit dem URL-Parameter forceDevice=mobile

=> Das Problem sollte sich auf eine mobile.css zurück führen lassen, evtl. auch nur die von Metal, denn unter Pure hat's bei mir geklappt...

[Chris M.]

Teste bitte mal ab Revision: 1974

Da an dieser Stelle der Code eine seltsamme Unterscheidung zwischen Mobil und nicht Mobil hatte, hoffe ich, dass dadurch keine Regression für andere Anwendungsfälle bei der Mobilen Nutzung gekommen ist
=> Bitte möglichst viele Configs auf möglichst vielen Geräten testen!

[DasVantom]

Hallo Chris,

danke für deine Bemühungen, jetzt läuft es auch auf dem iPhone mit dem Metal-Designe.
Nun werde ich mich an die "richtige" Visu begeben...

Die Top-Navbar lässt sich auch Vertikal scrollen, stört nicht, braucht man aber glaub auch nicht.


Ein anderes Problem ist noch Metal -> Mobile -> Navbar -> Pagejump -> colspan=1
aber da ist hier glaub das falschen Thema.


Danke & Gruß
Florian

[micha218]

Teste bitte mal ab Revision: 1974

Super, mit Rev 1985 funktioniert das Scrollen mit meinem iPhone (IOS 7.03) wieder hervorragend. Vielen Dank, Chris!!!

Ansonsten hab ich noch ein Samsung Galaxy ACE mit Android 2.3.5 mit integriertem Browser hier. Damit funktioniert das Scrollen leider nicht. Sobald ich scrolle, wird die vorher angezeigte Visuseite teilweise eingeblendet, aber es wird nicht gescrollt. Beim Loslassen des Fingers erschein wieder die aktuelle Visuseite komplett, es wurde aber nicht gescrollt.

Gruß

Micha

[netzkind]

@devs: vgl. http://stackoverflow.com/questions/9...overflowscroll

[micha218]

Ein kleines Problem ist mir auf dem iPhone im Metal Design noch aufgefallen. Wenn links der Navigator eingeblendet ist und man dann den Navigator scrollt, wird im Hauptfenster auch gescrollt, aber es kommt unten kein Content nach. Das Hauptfenster sieht quasi abgeschnitten aus.

Ansonsten konnte ich keine Fehler beim iPhone mehr entdecken.

Viele Grüße

Micha