Ace: La barra de desplazamiento cubre la última línea del editor

¿La barra de desplazamiento se oculta automáticamente y el comportamiento es el mismo para el área de texto?

Si es así, entonces una solución alternativa para esto es usar:

dom = require("ace/lib/dom")
dom.scrollbarWidth_orig = dom.scrollbarWidth_orig || dom.scrollbarWidth
dom.scrollbarWidth = function(doc) { return Math.max(10, dom.scrollbarWidth_orig(doc)) }

si no, entonces esto es un error. ¿En qué navegador y sistema operativo lo ves?

Agregué padding-bottom a .ace-editor;) pero si tienes curiosidad, sucede en OS X Mojave, en Chrome y también en FF

Incluso puede ver el problema en la página de inicio de Ace (chrome / ff / safari en una mac, la imagen es de aquí: https://ace.c9.io/)

Parece que las barras de desplazamiento generalmente se ocultan automáticamente en una Mac, y este problema de hecho ocurre con una. Ni la solución alternativa ni el padding-bottom en .ace-editor funcionó para mí (aunque padding-bottom funciona para <textarea i = "8">, por lo que podría ser mi configuración css específica), pero usando <code i = "9 "> $ # $ 0 $ # $ </code> me sirvió:

editor.renderer.setScrollMargin(0, 10, 0, 10)

y estoy usando react-ace, así que la solución fue de aquí: https://github.com/securingsincity/react-ace/issues/386