jyapayne/ace
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

do not force reflow while updating the gutter

Browse source
This commit is contained in:
nightwing 2012-08-07 19:02:17 +04:00
commit 6e513610b3
2 changed files with 6 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

1
lib/ace/css/editor.css
View file

@ -131,7 +131,6 @@
.ace_gutter .ace_layer { .ace_gutter .ace_layer {
position: relative; position: relative;
min-width: 40px;
width: auto; width: auto;
text-align: right; text-align: right;
pointer-events: auto; pointer-events: auto;

14
lib/ace/layer/gutter.js
View file

@ -149,17 +149,15 @@ var Gutter = function(parentEl) {
i++; i++;
} }
if (this.session.$useWrapMode)
html.push(
"<div class='ace_gutter-cell' style='pointer-events:none;opacity:0'>",
this.session.getLength() - 1,
"</div>"
);
this.element = dom.setInnerHtml(this.element, html.join("")); this.element = dom.setInnerHtml(this.element, html.join(""));
this.element.style.height = config.minHeight + "px"; this.element.style.height = config.minHeight + "px";
var gutterWidth = this.element.offsetWidth; if (this.session.$useWrapMode)
i = this.session.getLength();
var gutterWidth = ("" + --i).length * config.characterWidth;
var padding = this.$padding || this.$computePadding();
gutterWidth += padding.left + padding.right;
if (gutterWidth !== this.gutterWidth) { if (gutterWidth !== this.gutterWidth) {
this.gutterWidth = gutterWidth; this.gutterWidth = gutterWidth;
this._emit("changeGutterWidth", gutterWidth); this._emit("changeGutterWidth", gutterWidth);