Как добавить правильно выглядящее поле ввода текста на панель инструментов Firefox?
Я хочу иметь поле ввода текста на панели инструментов, которое выглядит как поисковый ввод и управляется расширением FF.
Я использую SDK / виджет:
в основном файле JS у меня есть
var reason = require("sdk/widget").Widget({
label: "Progress Block - reason",
id: "text-entry",
contentURL: data.url("reason.html"),
width: 120
});
в HTML-файл причины
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<style type="text/css" media="all">
</style>
</head>
<body>
<input type="text" style="width: 105px; height: 16px;">
</body>
</html>
С этим стилем поле ввода абсурдно мало, но, по крайней мере, FF отображает его - без стиля отображаются полосы прокрутки.
Без стиля - я хотел что-то вроде поля поиска, я получил полосу прокрутки:
После добавления стиля ширины:
Со стилем как отправлено:
Как правильно сделать правильно сформированный ввод текста на панели инструментов, контролируемый расширением?