edit-task

Task Name:

Task Description:

TaskGroup ID:

Start Date:

Start Time:

Duration:

Priority:

Status:

Add Photo:

Owner ID:

Content: use HTML Edit Content

<h1 style="text-align: center;">FIX-PRB-5570</h1>
<h2>[previously]</h2>
<ol>
<li>[2015-09-09] PROBLEM&nbsp;</li>
<ol>
<li>x] mobile menu (on mobile andriod + bb10) displays, but "dropdown' click targets do not work, first level targets work, ex testimonials but anything in a dropdown menu is not working</li>
</ol>
<li>[00:00] CAUSE &nbsp;</li>
<ol>
<li>x] known issue with bootstrap&nbsp;</li>
</ol>
<li>[00:00] SOLUTION&nbsp;</li>
<ol>
<li>x] modify method in bootstrap.js - replaced "ontouchstart" WITH disable-ontouchstart</li>
</ol></ol>
<h2>[currently]</h2>
<ol>
<li>[00:00] NEW task IN TRY&nbsp;</li>
<ol>
<li>i] change button attr data-target to 'id' of collapse div vs using class</li>
<li>] http://stackoverflow.com/questions/21956741/mobile-bootstrap-navbar-not-working</li>
<li>] no change</li>
</ol>
<li>[00:00] TRY use validator to check for missing tag</li>
<ol>
<li>*] eeks - 9 &nbsp;errors, and this was golden the other day</li>
<li>x] COM btstrp() - remove img size attr</li>
<li>x] PG footer - add missing &lt;/a&gt; end tag in footer</li>
<li>x] RESULT = FAIL - errors gone, but menu still NF</li>
</ol>
<li>[00:00] TRY&nbsp;</li>
<ol>
<li>x] known issue with bootstrap -&nbsp;</li>
<li>x] bootstrap.js - replace/update code 'ontouchstart' &nbsp;with 'disable-ontouchstart'</li>
<li>*] SRC= http://stackoverflow.com/questions/17178606/bootstrap-v2-dropdown-navigation-not-working-on-mobile-browsers</li>
</ol>
<li>[00:00] TEST</li>
<ol>
<li>x] RESULT = PASS&nbsp;</li>
<li>x] test(bb10),&nbsp;</li>
<li>] test(android),&nbsp;</li>
<li>] test(ios),&nbsp;</li>
</ol>
<li>[00:00] NEW task IN</li>
<ol>
<li>] related - same solution ] http://stackoverflow.com/questions/17435359/bootstrap-collapsed-menu-links-not-working-on-mobile-devices/17440942#17440942</li>
<li>]&nbsp;comment on solution points it didnt work and refers to github issue ]&nbsp;<a href="https://github.com/twbs/bootstrap/issues/7968" target="_blank">https://github.com/twbs/bootstrap/issues/7968</a> /with simple css solution</li>
<li>] TRY solution - ADD css class to &nbsp;</li>
</ol>
<li>[00:00] TRY&nbsp;</li>
<ol>
<li>] test android - &nbsp;works better, seems first item everything is OK but after an item is clicked, when the next item is dropdown item is opened all link targets are off</li>
<li>] test ios -&nbsp;</li>
<li>] test bb -&nbsp;</li>
<li>] test win -&nbsp;</li>
<li>] test desktop - &nbsp;</li>
</ol>
<li>[00:00] TRY NEXT</li>
<ol>
<li>x] removing "tel #" element, right aligned - NC change</li>
</ol>
<li>[00:00] TRY NEXT</li>
<ol>
<li>] ADD code to stop propagation - SRC =so 8606 answer by asbanks</li>
<li>] this seems to work&nbsp;</li>
<li>i] PRB dropdown menu items don't collapse after they are expanded( until you open another )&nbsp;</li>
<li>] PRB -&nbsp;</li>
</ol>
<li>[00:00] NEW task IN PG-CODE&nbsp;</li>
<ol>
<li>x] # # - enviro-mint.js - global script file - includes code stop propogation code for mainMenu</li>
<li>x] ADD to site layout&nbsp;</li>
</ol>
<li>[00:00] TEST</li>
<ol>
<li>x] android - PASS except toggle dropdown menu</li>
<li>x] blackberry - PASS except toggle dropdown menu</li>
<li>x] ios - PASS except toggle dropdown menu</li>
</ol>
<li>[2015-09-17]&nbsp;UPDATE - task</li>
<ol>
<li>] # 5570 - FIX-PRB &nbsp;- menu mobile - dropdown-backdrop - apply this fix in isolation, remove other fixes/patches</li>
</ol>
<li>x] TRY rollback fix 'disable-ontouch'</li>
<ol>
<li>x] r= ?</li>
</ol>
<li>x] TRY rollback fix 'stop propagation' code</li>
<ol>
<li>x] r=CHANGE dropdowns now toggle on off</li>
</ol>
<li>x] TRY edit bs.css directly VS adding override class</li>
<ol>
<li>x] r=CHANGE this seems to make it worse</li>
</ol>
<li>x] TRY switch from bs.css to bs.min.css&nbsp;</li>
<ol>
<li>x] r=N/C</li>
</ol>
<li>x] TRY remove tel -&nbsp;</li>
<ol>
<li>x] r=N/C&nbsp;</li>
<li>*] works OK in android 'portrait mode', maybe something missing in &nbsp;@media</li>
</ol>
<li>x] TRY add css for 'dropdown-backdrop' to media qry 480px -&nbsp;</li>
<ol>
<li>x] r=N/C</li>
</ol>
<li>[00:00] NEW task&nbsp;</li>
<ol>
<li>x] TRY new code - src=&nbsp;http://alittlecode.com/2012/11/fix-twitter-bootstraps-dropdown-menus-in-touch-screens/&nbsp;</li>
<li>x] r=N/C</li>
</ol>
<li>[00:00] NEW task</li>
<ol>
<li>x] bootstrap-carousel.css - &nbsp;x] TRY new css @media properties @480px &nbsp;</li>
<li>x] r=N/C&nbsp;</li>
</ol>
<li>[2015-09-18]</li>
<ol>
<li>x] rollback using id to target dropdown VS using class</li>
<li>x] r=N/C, ? on bb, b4 could see 'selection' now&nbsp;</li>
</ol>
<li>[]</li>
</ol>
<h2>[next]</h2>
<ol>
<li>[2015-09-17]</li>
<ol>
<li>] rollback - js &nbsp;- propagation code</li>
<li>] rollback - disable-ontouchstart EDIT in bootstrap.in</li>
<li>] TRY = change class '' in bootstrap.css - this seems to make it worse</li>
<li>] TRY = switch &nbsp;from using bootstrap.css(124kb) to bootstrap.min</li>
<li>]&nbsp;</li>
</ol></ol>