Hello

Recently I submitted my app to the store, but it failed certification because the content of one of the popups does not get scrolled when rotating the bezel. It can only be scrolled using touch events. So, I have to implement the scrolling.

I have implemented listening for rotation events using ‘rotarydetent’ evet listener and it works. However, I can’t find a way to scroll my popup content.

 

       <div id="info-popup" class="ui-popup">
            <div class="ui-popup-content" id="info-content">

            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
            
            </div>
            <div class="ui-popup-footer">
                <button class="ui-btn ui-btn-footer-icon btn-apply" id="info-ok">OK</button>
            </div>
        </div>

//get elements    	
var infoElement = document.getElementById('info-popup');
var infoContent = document.getElementById('info-content');

//open popup
tau.openPopup(infoElement);

//...

//handle rotary event
//none of this works
infoElement.scrollTop = infoElement.scrollTop + 20;
infoContent.scrollTop = infoElement.scrollTop + 20;

As commented above, I  try to update the scrollTop property, but it does nothing. The content does not scroll. I know it could be because the element can’t be scrolled (e.g. it has no overflow or if the element is non-scrollable), but I can scroll it with my finger.

Can anybody suggest a solution? This is a critical issue for me, as my app won’t pass certification without correct bezel scrolling.

Thank you

Maciej