attribute tweaks

bridge/src/select25.tsx

@@ -7,7 +7,7 @@ import '../../control/src/select25.scss';
 import { SingleSelect } from '../../control/src/single-select';
 import { extend } from '../../control/src/util';
 import { Ajax, createQueryFromAjax } from './ajax';
-import { DataFunction, createQueryFromData } from './data';
+import { createQueryFromData, DataFunction } from './data';
 import { Store } from './store';
 
 const forceImportOfH = h;
@@ -224,21 +224,21 @@ function create<T>(element: HTMLInputElement, options: Options) {
         options.tabIndex = element.tabIndex;
     }
 
-    if (element.getAttribute('s25-style')) {
+    if (element.getAttribute('data-s25-container-style')) {
         let style = options.containerStyle || '';
         if (style.length > 0) {
             style += ';';
         }
-        style += element.getAttribute('s25-style');
+        style += element.getAttribute('data-s25-container-style');
         options.containerStyle = style;
     }
 
-    if (element.getAttribute('s25-class')) {
+    if (element.getAttribute('data-s25-container-class')) {
         let clazz = options.containerClass || '';
         if (clazz.length > 0) {
             clazz += ' ';
         }
-        clazz += element.getAttribute('s25-class');
+        clazz += element.getAttribute('data-s25-container-class');
         options.containerClass = clazz;
     }
 

control/src/multi-select.tsx

@@ -166,7 +166,7 @@ export class MultiSelect extends AbstractSelect<Props, State> {
                             );
                         })}
                         <label htmlFor={undefined} className={style.offscreen}>
-                            {props.comboboxLabel}
+                            {comboboxLabel}
                         </label>
                         <input
                             type='text'

control/src/result-list.tsx

@@ -59,7 +59,6 @@ export class ResultList extends Component<Props> {
                     onScroll={this.onScroll}
                     class={style.searchResults}
                     aria-busy={props.loading}
-                    style={{ maxHeight: '175px' }}
                 >
                     {props.loading && (
                         <div class={cn(style.searchResultsLoading, style.searchResultsMessage)}>

control/src/select25.scss

@@ -218,6 +218,7 @@ $dropdown-padding: 8px 10px;
         overflow-y: auto;
         position: relative;
         box-sizing: border-box;
+        max-height: 175px;
     }
 
     .s25-options {

control/src/style.ts

@@ -27,5 +27,6 @@ export const enum style {
     searchResultsMinimumError = 's25-search-results-minimum-error',
     hiddenAccessible = 's25-hidden-accessible',
     hidden = 's25-hidden',
-    placeholder = 's25-placeholder'
+    placeholder = 's25-placeholder',
+    scroll = 's25-scroll'
 }

dev/index.html

@@ -33,7 +33,7 @@
         <input type="text" value="focus grabber 3" />
     </p>
     <section>
-        <input type="hidden" id="colors" s25-style="width:450px" />
+        <input type="hidden" id="colors" data-s25-container-style="width:450px" />
     </section>
 
     <p>