Abnormally large WebKit notifications

I'm developing a Chrome extension, and I noticed that Chrome started doing weird things for my notifications.

Exhibit a

I'm talking about a huge whitespace (the height of the notification should end in a blue bar).

Not so long ago, this began to happen somewhere with new releases of Chrome.

In any case, what could be the reason for this?

The source code for the extension is at http://github.com/Maxorq/LastPlug

The most interesting parts:

js / notifications.js

$('#title').html(decodeURIComponent($.url().param('title')));
$('#message').html(decodeURIComponent($.url().param('message')));
$('#avatar').attr('src', $.url().param('avatar'));
$('#color').addClass("color_" + $.url().param('color'));

notification.html

<div id="content">
<img id="avatar" width="32" height="32" src="img/icon.png" />
<span id="title">Title</span><br />
<span id="message">Message</span>
</div>

js / background.js

var notification = webkitNotifications.createHTMLNotification('notification.html?title=' + title + '&message=' + message + '&avatar=' + avatar + '&color=' + color);

notification.show();

I am using jQuery URL Parser from here: https://github.com/allmarkedup/jQuery-URL-Parser

The code is quite complicated, so I will not embed it here; wondering if anyone else has a problem with huge notifications.

+5
1

, ... , chrome, <!doctype html> <html> . , , . , :)

+2

All Articles