MPSCS db page will not load on iOS

[dispatchgeek]

I’ve recently run into an issue where the Michigan MPSCS database page will not load correctly on both of the iPhones I carry. The page will initially load, will reload after a few scrolls down into the sites list (just past Nashville/Barry County) and then fail in both Safari and Chrome. This only happens with the MPSCS page. I was able to successfully view the NC Viper page without issue.

I’ve attached the error screenshots to this post. I’ve tried all of the usual suspects (phone reboot, clearing cache, different browser) without any luck. I’m not a web developer by any means, but it almost looks like an issue with lazy loading where it struggles to load additional information after scrolling past the initial web page load. It is important to note that an older iPad is able to handle it, but no joy with my iPhone 12 or 13.

Any suggestions to try or any additional info you would like from me? I don’t have an android phone to test this with.

Thanks!

 

[kb8q]

It will load and display if you orient the iPhone to landscape

 

[dispatchgeek]

It will load and display if you orient the iPhone to landscape

That does make it work. I wonder if it's a problem with the table containing the county names and numbers. This appears to load up strangely when oriented to vertical before the page errors out. Thanks for the suggestion @kb8q

 

[Starcom21]

Try it now to see if there is any difference. There is a table in the "TEXT" portion of the page, I removed some "extra" blank lines. If this doesn't help, it could be the county numbering table causing the issue.

 

[dispatchgeek]

Try it now to see if there is any difference. There is a table in the "TEXT" portion of the page, I removed some "extra" blank lines. If this doesn't help, it could be the county numbering table causing the issue.

That got me further along in vertical orientation. I made it down to the talkgroup entries before the problem occurred again. Those of us in IT know that a different error means progress!

 

[Starcom21]

OK. There was also an issue with a couple admin "hidden features" that were not working at all. I deleted the text/table and it started working. I added the table back in and the features continued to work now. See if this helps anything for you.

 

[dispatchgeek]

OK. There was also an issue with a couple admin "hidden features" that were not working at all. I deleted the text/table and it started working. I added the table back in and the features continued to work now. See if this helps anything for you.

Chrome successfully loads the page now. Safari actually reverts to the “problem occurred repeatedly” error much faster.

 

[dave3825]

My chrome on iOS in portrait loads like this then throws a can’t load error



My safari does the same in portrait




Looks like something in the County I’d Numbering Scheme is off.

 

[Starcom21]

My chrome on iOS in portrait loads like this then throws a can’t load error

View attachment 161203

My safari does the same in portrait

View attachment 161204


Looks like something in the County I’d Numbering Scheme is off.

For sure, the page is stretching to allow for the size of the table. Works great on desktop, but not on phone.

 

[dispatchgeek]

For sure, the page is stretching to allow for the size of the table. Works great on desktop, but not on phone.

Would a link to a wiki article containing the county numbers in lieu of the table be beneficial?

 

[Starcom21]

Absolutely, but I wasn't personally going to move it all myself without approval. Someone should make a submission, give a link to this post and have a local admin take care of it.

 

[dave3825]

Or tag @blantonl so he can see the issue and see if it’s something simple that can adjusted systemwide since it happens on some other systems.

 

[mwjones]

As somebody that has spent some time doing web design, looking at the page source, whomever inserted the table is not familiar with modern web coding, and it is riddled with errors. The table is hard-coded to a width, which breaks the dynamic resizing that the rest of the website uses to fit different sized screens.

I tend to agree with the suggestion that a table like that better belongs in the Wiki.

 

[Ronaldski]

I made a change to the county listing, now in two columns.

The county listing I think was copy-pasted originally from looks like Michigan Counties - The RadioReference Wiki
If someone can fix that to work with different sized screens, I can copy-paste that code and presumably would work then.
I'm a novice to that kind of editing.

I suppose as mentioned a link to the above wiki could work, although the same errors would show up until fixed.
When the county listing was added(not by me) a few years ago, a lot people liked having it.
I used this webpage emulator, granted doesnt say what browser it uses.
Responsimulator

 

[mwjones]

I made a change to the county listing, now in two columns.

The county listing I think was copy-pasted originally from looks like Michigan Counties - The RadioReference Wiki
If someone can fix that to work with different sized screens, I can copy-paste that code and presumably would work then.
I'm a novice to that kind of editing.

I suppose as mentioned a link to the above wiki could work, although the same errors would show up until fixed.
When the county listing was added(not by me) a few years ago, a lot people liked having it.
I used this webpage emulator, granted doesnt say what browser it uses.
Responsimulator

Replace it with the below code snipet, that will fix it for the time being until the decision is made if it belongs in the Wiki or not (I'll try and look at the Wiki and compose an equivalent table over there later tonight or tomorrow):

<table style="width:100%">
    <thead>
        <tr>
            <th style="width:4%">ID #</th>
            <th style="width:20%">County Name</th>
            <th style="width:1%">&nbsp;</th>
            <th style="width:4%">ID #</th>
            <th style="width:20%">County Name</th>
            <th style="width:1%">&nbsp;</th>
            <th style="width:4%">ID #</th>
            <th style="width:20%">County Name</th>
            <th style="width:1%">&nbsp;</th>
            <th style="width:4%">ID #</th>
            <th style="width:20%">County Name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>01</td>
            <td>Alcona</td>
            <td>&nbsp;</td>
            <td>22</td>
            <td>Dickinson</td>
            <td>&nbsp;</td>
            <td>43</td>
            <td>Lake</td>
            <td>&nbsp;</td>
            <td>64</td>
            <td>Oceana</td>
        </tr>
        <tr>
            <td>02</td>
            <td>Alger</td>
            <td>&nbsp;</td>
            <td>23</td>
            <td>Eaton</td>
            <td>&nbsp;</td>
            <td>44</td>
            <td>Lapeer</td>
            <td>&nbsp;</td>
            <td>65</td>
            <td>Ogemaw</td>
        </tr>
        <tr>
            <td>03</td>
            <td>Allegan</td>
            <td>&nbsp;</td>
            <td>24</td>
            <td>Emmet</td>
            <td>&nbsp;</td>
            <td>45</td>
            <td>Leelanau</td>
            <td>&nbsp;</td>
            <td>66</td>
            <td>Ontonogon</td>
        </tr>
        <tr>
            <td>04</td>
            <td>Alpena</td>
            <td>&nbsp;</td>
            <td>25</td>
            <td>Genesee</td>
            <td>&nbsp;</td>
            <td>46</td>
            <td>Lenawee</td>
            <td>&nbsp;</td>
            <td>67</td>
            <td>Osceola</td>
        </tr>
        <tr>
            <td>05</td>
            <td>Antrim</td>
            <td>&nbsp;</td>
            <td>26</td>
            <td>Gladwin</td>
            <td>&nbsp;</td>
            <td>47</td>
            <td>Livingston</td>
            <td>&nbsp;</td>
            <td>68</td>
            <td>Oscoda</td>
        </tr>
        <tr>
            <td>06</td>
            <td>Arenac</td>
            <td>&nbsp;</td>
            <td>27</td>
            <td>Gogebic</td>
            <td>&nbsp;</td>
            <td>48</td>
            <td>Luce</td>
            <td>&nbsp;</td>
            <td>69</td>
            <td>Otsego</td>
        </tr>
        <tr>
            <td>07</td>
            <td>Baraga</td>
            <td>&nbsp;</td>
            <td>28</td>
            <td>Grand Traverse</td>
            <td>&nbsp;</td>
            <td>49</td>
            <td>Mackinac</td>
            <td>&nbsp;</td>
            <td>70</td>
            <td>Ottawa</td>
        </tr>
        <tr>
            <td>08</td>
            <td>Barry</td>
            <td>&nbsp;</td>
            <td>29</td>
            <td>Gratiot</td>
            <td>&nbsp;</td>
            <td>50</td>
            <td>Macomb</td>
            <td>&nbsp;</td>
            <td>71</td>
            <td>Presque Isle</td>
        </tr>
        <tr>
            <td>09</td>
            <td>Bay</td>
            <td>&nbsp;</td>
            <td>30</td>
            <td>Hillsdale</td>
            <td>&nbsp;</td>
            <td>51</td>
            <td>Manistee</td>
            <td>&nbsp;</td>
            <td>72</td>
            <td>Roscommon</td>
        </tr>
        <tr>
            <td>10</td>
            <td>Benzie</td>
            <td>&nbsp;</td>
            <td>31</td>
            <td>Houghton</td>
            <td>&nbsp;</td>
            <td>52</td>
            <td>Marquette</td>
            <td>&nbsp;</td>
            <td>73</td>
            <td>Saginaw</td>
        </tr>
        <tr>
            <td>11</td>
            <td>Berrien</td>
            <td>&nbsp;</td>
            <td>32</td>
            <td>Huron</td>
            <td>&nbsp;</td>
            <td>53</td>
            <td>Mason</td>
            <td>&nbsp;</td>
            <td>74</td>
            <td>St. Clair</td>
        </tr>
        <tr>
            <td>12</td>
            <td>Branch</td>
            <td>&nbsp;</td>
            <td>33</td>
            <td>Ingham</td>
            <td>&nbsp;</td>
            <td>54</td>
            <td>Mecosta</td>
            <td>&nbsp;</td>
            <td>75</td>
            <td>St. Joseph</td>
        </tr>
        <tr>
            <td>13</td>
            <td>Calhoun</td>
            <td>&nbsp;</td>
            <td>34</td>
            <td>Ionia</td>
            <td>&nbsp;</td>
            <td>55</td>
            <td>Menominee</td>
            <td>&nbsp;</td>
            <td>76</td>
            <td>Sanilac</td>
        </tr>
        <tr>
            <td>14</td>
            <td>Cass</td>
            <td>&nbsp;</td>
            <td>35</td>
            <td>Iosco</td>
            <td>&nbsp;</td>
            <td>56</td>
            <td>Midland</td>
            <td>&nbsp;</td>
            <td>77</td>
            <td>Schoolcraft</td>
        </tr>
        <tr>
            <td>15</td>
            <td>Charlevoix</td>
            <td>&nbsp;</td>
            <td>36</td>
            <td>Iron</td>
            <td>&nbsp;</td>
            <td>57</td>
            <td>Missaukee</td>
            <td>&nbsp;</td>
            <td>78</td>
            <td>Shiawassee</td>
        </tr>
        <tr>
            <td>16</td>
            <td>Cheboygan</td>
            <td>&nbsp;</td>
            <td>37</td>
            <td>Isabella</td>
            <td>&nbsp;</td>
            <td>58</td>
            <td>Monroe</td>
            <td>&nbsp;</td>
            <td>79</td>
            <td>Tuscola</td>
        </tr>
        <tr>
            <td>17</td>
            <td>Chippewa</td>
            <td>&nbsp;</td>
            <td>38</td>
            <td>Jackson</td>
            <td>&nbsp;</td>
            <td>59</td>
            <td>Montcalm</td>
            <td>&nbsp;</td>
            <td>80</td>
            <td>Van Buren</td>
        </tr>
        <tr>
            <td>18</td>
            <td>Clare</td>
            <td>&nbsp;</td>
            <td>39</td>
            <td>Kalamazoo</td>
            <td>&nbsp;</td>
            <td>60</td>
            <td>Montmorency</td>
            <td>&nbsp;</td>
            <td>81</td>
            <td>Washtenaw</td>
        </tr>
        <tr>
            <td>19</td>
            <td>Clinton</td>
            <td>&nbsp;</td>
            <td>40</td>
            <td>Kalkaska</td>
            <td>&nbsp;</td>
            <td>61</td>
            <td>Muskegon</td>
            <td>&nbsp;</td>
            <td>82</td>
            <td>Wayne</td>
        </tr>
        <tr>
            <td>20</td>
            <td>Crawford</td>
            <td>&nbsp;</td>
            <td>41</td>
            <td>Kent</td>
            <td>&nbsp;</td>
            <td>62</td>
            <td>Newaygo</td>
            <td>&nbsp;</td>
            <td>83</td>
            <td>Wexford</td>
        </tr>
        <tr>
            <td>21</td>
            <td>Delta</td>
            <td>&nbsp;</td>
            <td>42</td>
            <td>Keweenaw</td>
            <td>&nbsp;</td>
            <td>63</td>
            <td>Oakland</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>

 

[Ronaldski]

Ok how is it now ?

 

[mwjones]

My Chrome on Android shows me exactly what the live preview of my editor showed when I rewrote and tested the code, a bit of overflow (blame Kalamazoo, Montmorency and Washtenaw for being on the same line for that minimum) but it shouldn't break a browser:

 

[dispatchgeek]

This actually errors out instantly on IOS portrait mode now. It loads twice and then throws the “problem repeatedly occurred/Aw Snap” error. Landscape loads up fine.

 

[mwjones]

This actually errors out instantly on IOS portrait mode now. It loads twice and then throws the “problem repeatedly occurred/Aw Snap” error. Landscape loads up fine.

This is looking to be an iOS issue (even though it says "Chrome", it's still Apple's engine under the hood, just like on Android, you can have a different cosmetic look to the browser, it's still Chrome behind the screens).

I tested with Android Chrome (see screenshot in previous post), and had no errors. I also ran it through a code validation service, and while there are syntax errors in the page, there's no fatal errors that should break a web browser.

I don't have an Apple device to test against, so I have a way of proving this theory.

That said, looking at the source code, the System Notes/Description Text is not really written to be much more than plain text, so doing special formatting like what's being done here really exceeds what it is designed for, and that would be up to @blantonl if he wants to change it (he can PM me for the technical mumbo-jumbo of the issue).

 

[dave3825]

This actually errors out instantly on IOS portrait mode now. It loads twice and then throws the “problem repeatedly occurred/Aw Snap” error.

Was the same for me again also. Also keep in mind that this happens on some other systems also so it's not just this system.