Skip to content

Latest commit

 

History

History
70 lines (50 loc) · 2.23 KB

DevNotes.md

File metadata and controls

70 lines (50 loc) · 2.23 KB

Next Minor Release

  • Tickets / Ideas

  • Features

  • Test, issue?

    • Possible improvement to obscured element detection:

      • Use the middle point of the intersection of the selection rect and the bounding rect rather than the middle point of the bounding rect, this catches cases where the bottom half of the element is obscured, but not all of it
    • Consider: querySelectorAll('*:enabled') may give all elements of concern, even Elements which are divs but have an onclick() enabled or listened to.

  • Todo

    • Switch this._onKeyUp = ... .bind() to this.onKeyUp = ... .bind()

Next Major Release

  • Bugs

  • Features

  • Test, issue?

Known Bugs

Plans

  • Better handling of label placement (separate from sizing rect, above <SVG> Element)
  • Highlight "greatest of types" elements differently than elements which do not meet the greatest of. eg: 3 Buttons and 1 Anchor lassoed, the 3 Buttons would be highlighted in green vs the Anchor being highlighted in grey

Todo / Ideas

  • Mutation Observer (clear DocElemRects, re-index if during drag)
  • Externalize CSS Styles
  • docElem is a sandboxed global, replace document.documentElement references with docElem
  • Refactor ElemDocRects / RectMapper to ElemCache/ElemCacher (to reflect new font-size cache functionality)

Test

Deferred / Possibly Won't Implement

  • Add Elements that have cursor: pointer (and have a click handler?)

Feature Requests

  • Issue #91-1 - Width of selection box independent of zoom factor... possibly doable with SVG since it has it's own coordinate system??
<style> del { opacity: .5; } A { color: #36a3d9; text-decoration: underline; } BODY { background-color: black; } ARTICLE.markdown-body { padding: 35px !important; background-color: #1a1817 !important; } /* span { position: relative; } del::after { border-bottom: 1px solid rgba(255,255,255,.4); content: ""; left: 0; position: absolute; right: 0; top: 50%; } */ </style>