mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
45d7d34530
This is just to get basic paint coverage of selections and outlines on positioned elements. TBR=esprehn@chromium.org Review URL: https://codereview.chromium.org/886683002
33 lines
780 B
Plaintext
33 lines
780 B
Plaintext
<import src="../../framework/sky-element/sky-element.sky" as="SkyElement" />
|
|
|
|
<sky-element name="app-search-input">
|
|
<template>
|
|
<style>
|
|
:host {
|
|
background-color: #F6F6F6;
|
|
padding: 4px;
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.input-text {
|
|
margin-left: 8px;
|
|
}
|
|
</style>
|
|
<span class="input-icon">
|
|
<img src="/sky/examples/flights/images/magnifying-glass.png" style="width: 16px">
|
|
</span>
|
|
<span class="input-text"><t>flights today to dc by price</t></span>
|
|
</template>
|
|
<script>
|
|
module.exports = class extends SkyElement {
|
|
attached() {
|
|
var sel = window.getSelection();
|
|
var input = this.shadowRoot.querySelector('t');
|
|
sel.selectAllChildren(input);
|
|
}
|
|
}.register();
|
|
</script>
|
|
</sky-element>
|