GIF not animating in GridList on BB10 - Blackberry Dev Alpha A #710

Closed
raakhtar opened this Issue Feb 20, 2013 · 10 comments

Comments

Projects
None yet
2 participants

Adding GIF dynamically to the gridlist are only showing the static first frame of each GIF file in Webworks. I am using the latest BBUI Beta build. Would appreciate an earliest response in getting it resolved Tim Neil

Thanks

Member

tneil commented Feb 20, 2013

Animated gifs not animating sounds like a webkit bug. Can you provide the sample code you are using to reproduce the issue?

Member

tneil commented Feb 20, 2013

From initial investigation the animated gif has issues which are compounded when using a CSS transition for opacity, any translate3d, or when nested in a div that has overflow CSS of:

-webkit-overflow-scrolling:-blackberry-touch;

I will take this up with the webkit team to see if they can work on a fix to come out in an OS update

content = document.createElement('div');
content.setAttribute('data-bb-type','grid-layout');
content.setAttribute('data-bb-style','square');
content.setAttribute('data-bb-header-justify','left');
contentt.setAttribute('data-bb-header-style','solid');
// Create group
group = document.createElement('div');
group.setAttribute('data-bb-type','group');
group.setAttribute('data-bb-title','title');
content.appendChild(group);

for (i = 0; i < results.rows.length; i++) {
if(i%3 == 0)
{
// Create row
rowData = document.createElement('div');
rowData.setAttribute('data-bb-type','row');
rowData.setAttribute('data-bb-columns','3');
group.appendChild(rowData);
}
var item = document.createElement('div');
item.setAttribute('id', results.rows.item(i).id);
item.setAttribute('data-bb-type','item');
item.setAttribute('data-bb-title', results.rows.item(i).n);
item.setAttribute('data-bb-img', 'local:///images/'+results.rows.item(i).link+'.gif');
item.innerHTML = ''";
rowData.appendChild(item);
}

bb.grid.apply([group]);
avatarContainer = document.createElement('div');
avatarContainer.appendChild(avatarContent);

Tim also note, When i am trying to set the title from group, it doesnot appear when setting it dynamically as well as the ('data-bb-header-justify','left') is not working for Image-list when creating it dynamically

Member

tneil commented Feb 20, 2013

I've commented on your other issue for the image list titles...

As far as grid creation goes, the issues are that the grid takes advantages of the transitions and scrolling that animated gifs have an issue with.

Basically the only fix is to get the issue resolved in the browser itself. Otherwise all the features of the grid, image list and scrolling would need to be removed in order to support animated gifs

I'm in the process of creating reduced test cases for the browser team to investigate

Member

tneil commented Feb 20, 2013

I was able to create the reduced reproducible test cases and send them to the webkit team. They will start an investigation.

Tim, i could not see your comments against adding Title for Group divider for Grid element dynamically as well as setting left justification for header text forimage-list element.

Member

tneil commented Feb 20, 2013

I added them to issue #711 that you created

Member

tneil commented Feb 26, 2013

As an update, I can confirm that this has now been fixed internally.. However I don't have a date yet for when the update will be available for BB10 devices.

Member

tneil commented Apr 5, 2013

Looks like this has been fixed in the latest 10.1 build in the browser available for the DevAlpha C and Simulator.

tneil closed this Apr 5, 2013

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment