diff --git a/experiments/outline-editor/editor.css b/experiments/outline-editor/editor.css index 7e2372d..a128b89 100755 --- a/experiments/outline-editor/editor.css +++ b/experiments/outline-editor/editor.css @@ -156,13 +156,17 @@ height: calc(2 * var(--item-padding) + 1em); overflow: hidden; resize: none; + opacity: 0; + /* show/hide node's view/code... */ - /*&:focus+.view,*/ - &:not(:focus) { - opacity: 0; + &:focus { + position: relative; + opacity: 1; } /* hide .view content but show before/after -- keep bulets and touch zones... */ &:focus+.view { + position: absolute; + top: 0; visibility: hidden; &:before, @@ -175,6 +179,7 @@ } /* click through the .view text to the .code */ + /* NOTE: .view visibility is handled in .code above... */ &>.view { position: relative; pointer-events: none; diff --git a/experiments/outline-editor/editor.js b/experiments/outline-editor/editor.js index a891f65..816f5ac 100755 --- a/experiments/outline-editor/editor.js +++ b/experiments/outline-editor/editor.js @@ -8,22 +8,6 @@ //--------------------------------------------------------------------- // Helpers... -// XXX do a caret api... - -// XXX only for text areas... -var atLine = function(elem, index){ - // XXX add support for range... - var text = elem.value - var lines = text.split(/\n/g).length - var line = elem.caretLine - - // XXX STUB index handling... - if((index == -1 && line == lines) - || (index == 0 && line == 1)){ - return true } - return false } - - /* function clickPoint(x,y){ document diff --git a/experiments/outline-editor/index.html b/experiments/outline-editor/index.html index c2a4389..615718d 100755 --- a/experiments/outline-editor/index.html +++ b/experiments/outline-editor/index.html @@ -48,8 +48,6 @@ var setup = function(){ - - ## Bugs: focused:: true - - BUG: if changing style expands the block vertically it will not update size... - - # when edited, the text here will get re-wrapped but will not get resized - BUG: mobile browsers behave quite chaotically ignoring parts of the styling... - FF: - zooming on edited field