shexjs / shex.js

shex.js javascript package
MIT License
58 stars 17 forks source link

blinking cursor not shown enough on left edge when focused in Query Map #365

Open thadguidry opened 1 month ago

thadguidry commented 1 month ago

What broken?

ShEx WebApp

Version

no idea.  shows at top in sources:

// shex-simple - Simple ShEx2 validator for HTML.
// Copyright 2017 Eric Prud'hommeux
// Release under MIT License.

const USE_INCREMENTAL_RESULTS = true;
const ShEx = ShExWebApp; // @@ rename globally
ShEx.ShapeMap.start = ShEx.Validator.start
...

What happened (e.g., it crashed)?

Cursor in textarea not shown enough in Query Map because of thick focus border and not enough left padding for #textMap or #inputarea

What should have happened instead (e.g., it shouldn't crash)?

Left edge in Query Map should show cursor (or at least show it more).

How can we reproduce this error?

Click in Query tab and notice the black border around the text area. Also notice the cursor is not shown or hidden behind the border itself. Also notice how close the text (such as SELECT DISTINCT...) is against the black focus border almost cutting off characters, and definitely hiding the blinking cursor.

image

After fixed, notice the cursor in the Query tab next to SERVICE wikibase: label { image