task

FIX-PRB-5570

[previously]

  1. [2015-09-09] PROBLEM 
    1. 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
  2. [00:00] CAUSE  
    1. x] known issue with bootstrap 
  3. [00:00] SOLUTION 
    1. x] modify method in bootstrap.js - replaced "ontouchstart" WITH disable-ontouchstart

[currently]

  1. [00:00] NEW task IN TRY 
    1. i] change button attr data-target to 'id' of collapse div vs using class
    2. ] http://stackoverflow.com/questions/21956741/mobile-bootstrap-navbar-not-working
    3. ] no change
  2. [00:00] TRY use validator to check for missing tag
    1. *] eeks - 9  errors, and this was golden the other day
    2. x] COM btstrp() - remove img size attr
    3. x] PG footer - add missing </a> end tag in footer
    4. x] RESULT = FAIL - errors gone, but menu still NF
  3. [00:00] TRY 
    1. x] known issue with bootstrap - 
    2. x] bootstrap.js - replace/update code 'ontouchstart'  with 'disable-ontouchstart'
    3. *] SRC= http://stackoverflow.com/questions/17178606/bootstrap-v2-dropdown-navigation-not-working-on-mobile-browsers
  4. [00:00] TEST
    1. x] RESULT = PASS 
    2. x] test(bb10), 
    3. ] test(android), 
    4. ] test(ios), 
  5. [00:00] NEW task IN
    1. ] related - same solution ] http://stackoverflow.com/questions/17435359/bootstrap-collapsed-menu-links-not-working-on-mobile-devices/17440942#17440942
    2. ] comment on solution points it didnt work and refers to github issue ] https://github.com/twbs/bootstrap/issues/7968 /with simple css solution
    3. ] TRY solution - ADD css class to  
  6. [00:00] TRY 
    1. ] test android -  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
    2. ] test ios - 
    3. ] test bb - 
    4. ] test win - 
    5. ] test desktop -  
  7. [00:00] TRY NEXT
    1. x] removing "tel #" element, right aligned - NC change
  8. [00:00] TRY NEXT
    1. ] ADD code to stop propagation - SRC =so 8606 answer by asbanks
    2. ] this seems to work 
    3. i] PRB dropdown menu items don't collapse after they are expanded( until you open another ) 
    4. ] PRB - 
  9. [00:00] NEW task IN PG-CODE 
    1. x] # # - enviro-mint.js - global script file - includes code stop propogation code for mainMenu
    2. x] ADD to site layout 
  10. [00:00] TEST
    1. x] android - PASS except toggle dropdown menu
    2. x] blackberry - PASS except toggle dropdown menu
    3. x] ios - PASS except toggle dropdown menu
  11. [2015-09-17] UPDATE - task
    1. ] # 5570 - FIX-PRB  - menu mobile - dropdown-backdrop - apply this fix in isolation, remove other fixes/patches
  12. x] TRY rollback fix 'disable-ontouch'
    1. x] r= ?
  13. x] TRY rollback fix 'stop propagation' code
    1. x] r=CHANGE dropdowns now toggle on off
  14. x] TRY edit bs.css directly VS adding override class
    1. x] r=CHANGE this seems to make it worse
  15. x] TRY switch from bs.css to bs.min.css 
    1. x] r=N/C
  16. x] TRY remove tel - 
    1. x] r=N/C 
    2. *] works OK in android 'portrait mode', maybe something missing in  @media
  17. x] TRY add css for 'dropdown-backdrop' to media qry 480px - 
    1. x] r=N/C
  18. [00:00] NEW task 
    1. x] TRY new code - src= http://alittlecode.com/2012/11/fix-twitter-bootstraps-dropdown-menus-in-touch-screens/ 
    2. x] r=N/C
  19. [00:00] NEW task
    1. x] bootstrap-carousel.css -  x] TRY new css @media properties @480px  
    2. x] r=N/C 
  20. [2015-09-18]
    1. x] rollback using id to target dropdown VS using class
    2. x] r=N/C, ? on bb, b4 could see 'selection' now 
  21. []

[next]

  1. [2015-09-17]
    1. ] rollback - js  - propagation code
    2. ] rollback - disable-ontouchstart EDIT in bootstrap.in
    3. ] TRY = change class '' in bootstrap.css - this seems to make it worse
    4. ] TRY = switch  from using bootstrap.css(124kb) to bootstrap.min
    5. ] 
Details Photos Edit more

Details

ID: 5570

NAME: FIX-PRB-5570

DESCRIPTION: mobile menu - 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

START DATE TIME: 2015-09-09 13:30:54

EST DURATION: 01:00:00

END DATE TIME: 2015-09-09 14:30:54

STATUS: Completed

PRIORITY: -5

OWNER ID: 75

Content Photos Edit more

photos

photos for this task

actions

Agenda Email task SMS task Priorities