diff --git a/Main.kt b/Main.kt index cf79680..25a62ac 100644 --- a/Main.kt +++ b/Main.kt @@ -17,8 +17,9 @@ val DIRCTN_ID=CharDirectionality::class.simpleName!!.uppercase().last{it!in Char //These blocks should be condensed into a singular character for display since they are either extremely large (performance) or homogenous (redundant) val CONDENSED=setOf(CJK_UNIFIED_IDEOGRAPHS_EXTENSION_A,CJK_UNIFIED_IDEOGRAPHS,HIGH_SURROGATES,HIGH_PRIVATE_USE_SURROGATES,LOW_SURROGATES,PRIVATE_USE_AREA) -//selects all options when associated label is clicked -val JS=" onclick='for(var g of document.getElementById(this.htmlFor).children)for(var o of g.children)o.selected=true'" +//selects all options when associated label is interacted with +val FN="for(var g of document.getElementById(this.htmlFor).children)for(var o of g.children)o.selected=true" +val JS=" onclick='$FN' onkeypress='$FN'" val html = StringBuilder(""" @@ -52,8 +53,9 @@ val html = StringBuilder(""" border:solid buttonborder; } }>search{ direction:rtl; overflow-y:auto; float:left; position:sticky; top:0; height:100vh; margin-right:1px; - >label{ direction:initial; display:block; width:100%; text-align:center; margin-top:1ch; - &:first-child{ text-align:right; margin-top:revert; + >label{ direction:initial; display:block; width:100%; text-align:center; padding-top:1ch; + &:is(:target,:active,:hover,:focus)+select>optgroup>option:not(:checked){ background-color:Highlight } + &:first-child{ text-align:right; padding-top:revert; >*{ float:right; font-size:xx-large; width:1em; height:1em } } } @@ -104,22 +106,22 @@ body:has(#$SEQ_ID:checked)>form>section>span>button:not([$SEQ_ID]){display:none} - + - + - + - +