Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Releases: github/remote-input-element

v0.4.0

08 Apr 20:09
af06374
This commit was created on GitHub.com and signed with GitHub’sverified signature.
GPG key ID:B5690EEEBB952194
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
Loading

What's Changed

New Contributors

Full Changelog:v0.3.1...v0.4.0

Contributors

  • @theinterned
  • @keithamus
  • @koddsson
  • @kendallgassner
theinterned, keithamus, and 2 other contributors
Assets2
Loading

v0.3.1

19 Mar 13:47
Compare
Choose a tag to compare
Loading
  • fix: output umd build for main key#19

v0.3.0...v0.3.1

Loading

v0.3.0

11 Mar 11:28
49b5156
This commit was signed with the committer’sverified signature.
koddsson Kristján Oddsson
GPG key ID:F5C58CF9F8FE5D63
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
Loading
  • Removetext/html; fragment from accept header (#22)

v0.2.1...v0.3.0

Loading

v0.2.1

29 Jan 08:54
5af14ff
This commit was signed with the committer’sverified signature.
koddsson Kristján Oddsson
GPG key ID:F5C58CF9F8FE5D63
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
Loading
  • Accepttext/fragment+html as a content-type (#21)

github/auto-complete-element@v0.2.0...v0.2.1

Loading

0.2.0

22 Oct 20:03
v0.2.0
This tag was signed with the committer’sverified signature.
dgraham David Graham
GPG key ID:AA9405DCE2E0D208
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
Loading
  • Replace Flow + Babel toolchain with TypeScript#15
  • Remove private state from public API#16
  • Abort in-flight requests#17
Loading

v0.1.2

20 Sep 18:45
f02ca30
This commit was signed with the committer’sverified signature.
muan Mu-An Chiou
GPG key ID:CD0B1EEC7A35239E
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
Loading
  • Fixed parsing for relative URL insrc#13
Loading

v0.1.1

12 Sep 11:06
Compare
Choose a tag to compare
Loading

v0.1.0...v0.1.1

Loading

v0.1.0

10 Sep 21:33
8d4f90c
This commit was signed with the committer’sverified signature.
muan Mu-An Chiou
GPG key ID:CD0B1EEC7A35239E
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
Loading
  • Fixed#10 via#11: Only append response text if the response was successful.
  • Added new events:
    • remote-input-success: fired when response is successful and HTML is set.
    • remote-input-error: fired when response is not successful.
Loading

v0.0.7

14 Aug 08:13
b8eaa0c
This commit was signed with the committer’sverified signature.
koddsson Kristján Oddsson
GPG key ID:F5C58CF9F8FE5D63
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
Loading
  • Merge pull request#8 from github/publish-to-gpr-as-wellb24d7b5
  • publish to GPR as a postpublish step7923480

v0.0.6...v0.0.7

Loading

0.0.7

14 Aug 08:12
b24d7b5
This commit was created on GitHub.com and signed with GitHub’sverified signature. The key has expired.
GPG key ID:4AEE18F83AFDEB23
Expired
Verified
Learn about vigilant mode.
Compare
Choose a tag to compare
Loading

<remote-input> element

An input element that sends its value to a server endpoint and renders the response body.

Installation

$ npm install @github/remote-input-element

Usage

import'@github/remote-input-element'
<!-- Filter a list of items from the server --><remote-inputsrc="/query"aria-owns="results"><input></remote-input><ulid="results"></ul>

A GET request will be sent to/query?q=${input.value}.

The parameter name (q) is customizable with the[param] attribute:

<!-- Live preview of Markdown --><remote-inputsrc="/preview"aria-owns="md-preview"param="body"><textarea></textarea></remote-input><divid="md-preview"></div>

Styling loading state

A boolean[loading] attribute is added to<remote-input> when a network request begins and removed when it ends.

.loading-icon {display: none; }remote-input[loading] .loading-icon {display: inline; }

Events

constremoteInput=document.querySelector('remote-input')// Network request lifecycle events.remoteInput.addEventListener('loadstart',function(event){console.log('Network request started',event)})remoteInput.addEventListener('loadend',function(event){console.log('Network request complete',event)})remoteInput.addEventListener('load',function(event){console.log('Network request succeeded',event)})remoteInput.addEventListener('error',function(event){console.log('Network request failed',event)})

Browser support

Browsers without nativecustom element support require apolyfill.

  • Chrome
  • Firefox
  • Safari
  • Microsoft Edge

Development

npm installnpm test

License

Distributed under the MIT license. See LICENSE for details.

Loading
Previous1
Previous

[8]ページ先頭

©2009-2025 Movatter.jp