How to add a proper-looking text input field to Firefox toolbar?

Question

I want to have a text input field in toolbar that looks like search input and is controlled by a FF extension.

I am using sdk/widget:

in main js file I have<

Answer 1

The widget api has been deprecated and you should not use it. If you look at the browser console, you'll see messages from the SDK warning about this deprecation.

Instead, you should be using the newer UI elements introduced with Firefox 29 like the toolbar api:

https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/ui#Toolbar