firefox-scripts icon indicating copy to clipboard operation
firefox-scripts copied to clipboard

Styloaix pops up a suggestion when typing colon, which then persists and hinders editing.

Open mzso opened this issue 2 years ago • 3 comments

So I copyed the content of .css files into the Styloaix editor. When I tried fixing the import lines, which now needed an extra colon eg: changing @import "./somefolder/subfolder/somefile.css"; into @import "../somefolder/subfolder/somefile.css"; by adding a colon right after the double quote, the "media" suggestion pops up which then persists until I close the window. It also ruins keyboard navigation, by pasting the text "media" in the position it appeared. It won't disappear, eve when I click away or press escape, or enter (text is also pasted in this case). Apparently there are no other suggestion and the glitched "media" suggestion only appears when I add a colon after a double quote (")

Sreenshot: kép

mzso avatar Feb 22 '23 17:02 mzso

Can't reproduce. Are you able to reproduce from a new profile? If yes, please tell me the steps. For me, suggested inputs like media come and go normally.

My guess is that you have devtools.popup.disable_autohide = true so it's not fault of the script.

xiaoxiaoflood avatar Feb 23 '23 04:02 xiaoxiaoflood

Hm. That was set like. Not sure how, I never cared for any devtools settings.

Not sure sure why it pops up media there, but that's probably the fault of devtools itself. Can I disable the popups altogether? Edit: Well, these don't work...: kép

mzso avatar Feb 23 '23 14:02 mzso

StyloaiX reimplements its own autocompletion to be able to suggest unlimited number of items instead of the maximum of 15, so this pref doesn't work.

You can manually edit /chrome/utils/styloaix/edit.js adding the line

    autocomplete: Services.prefs.getBoolPref('devtools.styleeditor.autocompletion-enabled'),

within the

sourceEditor = new Editor({

block.

Also, comment or delete this function block:

  sourceEditor.setupAutoCompletion = function () {
    this.extend(require_mini('userchromejs/content/styloaix/autocomplete'));
    this.initializeAutoCompletion();
  };

Save, restart Firefox and now the pref should be honored. But you're limited to 15 suggestions (when autocomplete is enabled). I don't like that, that's why StyloaiX bundles a modified autocomplete.js

xiaoxiaoflood avatar Feb 23 '23 16:02 xiaoxiaoflood