ΠΡΠΈΠ²Π΅Ρ, ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈ ΠΊΠ°ΠΊ-ΡΠΎ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ ΠΏΠΎΠ»ΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ ΠΈΠ· ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΏΠΎΠ»Ρ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°, ΡΡΠΎΠ±Ρ ΠΎΠ½Π° Π½Π΅ Π·Π°ΠΊΡΡΠ²Π°Π»Π° ΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ ΡΡΡΠΎΠΊΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ?
Π‘ΠΊΡΡΠ²Π°Π΅ΡΡΡ Π»ΠΈ ΠΏΠΎΠ»ΠΎΡΠ° ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ, ΠΈ ΡΠ°ΠΊΠΎΠ΅ ΠΆΠ΅ Π»ΠΈ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ?
ΠΡΠ»ΠΈ Π΄Π°, ΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ:
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)) }
Π΅ΡΠ»ΠΈ Π½Π΅Ρ, ΡΠΎ ΡΡΠΎ ΠΎΡΠΈΠ±ΠΊΠ°. Π ΠΊΠ°ΠΊΠΎΠΌ Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΈ ΠΊΠ°ΠΊΠΎΠΉ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΠ΅ Π²Ρ Π΅Π³ΠΎ Π²ΠΈΠ΄ΠΈΡΠ΅?
Π― Π΄ΠΎΠ±Π°Π²ΠΈΠ» padding-bottom Π² .ace-editor;), Π½ΠΎ Π΅ΡΠ»ΠΈ Π²Π°ΠΌ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎ, ΡΡΠΎ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ Π² OS X Mojave, Π² Chrome, Π° ΡΠ°ΠΊΠΆΠ΅ Π² FF
ΠΡ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Π½Π° Π΄ΠΎΠΌΠ°ΡΠ½Π΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ Ace (chrome / ff / safari Π½Π° Mac, ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡΡΡΠ΄Π°: https://ace.c9.io/)
ΠΠΎΡ ΠΎΠΆΠ΅, ΠΏΠΎΠ»ΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ ΠΎΠ±ΡΡΠ½ΠΎ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠΊΡΡΠ²Π°ΡΡΡΡ Π½Π° Mac, ΠΈ ΡΡΠ° ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ Ρ ΠΏΡΠΎΡΡΡΠΌ
editor.renderer.setScrollMargin(0, 10, 0, 10)
ΠΈ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ react-ace, ΠΏΠΎΡΡΠΎΠΌΡ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π±ΡΠ»ΠΎ ΠΎΡΡΡΠ΄Π°: https://github.com/securingsincity/react-ace/issues/386
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
ΠΡ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Π½Π° Π΄ΠΎΠΌΠ°ΡΠ½Π΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ Ace (chrome / ff / safari Π½Π° Mac, ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡΡΡΠ΄Π°: https://ace.c9.io/)
ΠΠΎΡ ΠΎΠΆΠ΅, ΠΏΠΎΠ»ΠΎΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ ΠΎΠ±ΡΡΠ½ΠΎ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠΊΡΡΠ²Π°ΡΡΡΡ Π½Π° Mac, ΠΈ ΡΡΠ° ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ Ρ ΠΏΡΠΎΡΡΡΠΌ
editor.renderer.setScrollMargin(0, 10, 0, 10)
ΠΈ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ react-ace, ΠΏΠΎΡΡΠΎΠΌΡ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π±ΡΠ»ΠΎ ΠΎΡΡΡΠ΄Π°: https://github.com/securingsincity/react-ace/issues/386