Web and WebWorks Development

[biggerCC]

Hi,

I noticed some new behaviors in the new WebKit rendering engine. It's not limited to one (of the two) browsers, but also occurs in WebWorks apps:

1.) Selecting elements that use the onclick handler or have some other type of event handler bound to them, get a black (or white) border painted around it as soon as you touch them - even if just for scrolling the page. Bug or feature (for keyboard devices)?

But if that wasn't bad enough, this border does not get scrolled when the element is. See screenshots:

 

Using the following CSS definitions did not help:

-webkit-user-select: none;
-webkit-tap-highlight-color:rgba(0,0,0,0);

2.) Context menu. According to the blog post this is something we currently have to live with. Altough the new selector in general is pretty cool, I need to way to disable this context menu in an easy way.

[biggerCC]

Could not find any fix yet... Altough I tried some non-standard "-webkit" CSS properties...

[astanley]

Thanks for reporting this.

Can you provide a sample that reproduces the border rendering issue (using http://jsfiddle.net/)?  I'd like to use this exact code sample to escalate this issue internally for investigation.

For your request about context menu, I have passed this feedback along to the product management for review   I recall the WebWorks SDK for Tablet OS added specific instructions to the compiled BAR file to disable the context menu.  However, on BB10 the context menu is a bit more important (in terms of allowing your app to connect & flow with the OS).  However I see your point about the need to disable it should that better reflect the user experience you want in your app.

[biggerCC]

Sure.

I did a super-minified version of one of my problematic scrolling pages. It will throw dozens of errors since I didn't include images or JS functions. Those are not necessary to show the ugly black/white borders.

It was more or less done by copying my app's output (using Webinspector) and by manually copying some CSS attributes...

Here are the links:

Project: http://jsfiddle.net/UABLu/2/

Preview on device: http://fiddle.jshell.net/UABLu/2/show/light/

<edit>I've attached two screenshots.</edit>

 

[aghattas]

Could not find any fix yet...

[astanley]

I've submitted a defect for this issue to the browser team for review:

https://www.blackberry.com/jira/browse/BBTEN-125

[biggerCC]

Still under investigation. 

I've still submitted a first beta of Campus-App for BB10 for review. Perhaps just to show off this and the font rendering issue. ^^

[biggerCC · Accepted solution]

Solved in 10.0.9.388.

[cdelcol]

Did you catch this as wel???

https://developer.blackberry.com/html5/apis/blackberry.ui.contextmenu.html#.enabled

Cheers.