projects
/
brackets.git
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (parent:
6861bd5
)
Add polyfill to submit form on blur in safari
author
Jacob Casper
<dev@jacobcasper.com>
Sun, 19 Apr 2020 01:55:11 +0000
(20:55 -0500)
committer
Jacob Casper
<dev@jacobcasper.com>
Sun, 19 Apr 2020 02:03:36 +0000
(21:03 -0500)
frontend/index.js
patch
|
blob
|
blame
|
history
diff --git
a/frontend/index.js
b/frontend/index.js
index
c46676d
..
3054ce3
100644
(file)
--- a/
frontend/index.js
+++ b/
frontend/index.js
@@
-1,5
+1,16
@@
const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));
const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));
+/**
+ * Safari iOS pls
+ */
+const formSubmitPolyfill = (form, callback) => {
+ if (form.requestSubmit) {
+ form.requestSubmit();
+ } else {
+ callback();
+ }
+}
+
const createGenreListWithClickEvent = (genreList, genres, callback) => {
genreList.append(...genres.map((genre) => {
const name = genre["name"];
const createGenreListWithClickEvent = (genreList, genres, callback) => {
genreList.append(...genres.map((genre) => {
const name = genre["name"];
@@
-105,10
+116,16
@@
window.onload = () => {
const genreForm = document.getElementById("genre-form");
const canvas = document.getElementById("bracket");
const genreForm = document.getElementById("genre-form");
const canvas = document.getElementById("bracket");
+ const formSubmitAction = () => {
+ fetch(encodeURI(`http://localhost:8080/artist/genre?genre_name=${genreInput.value}`))
+ .then((response) => response.json())
+ .then((data) => drawBracket(canvas, data.slice(0, 33)));
+ }
+
const createGenreList = (genreList, genres) => {
return createGenreListWithClickEvent(genreList, genres, (e) => {
genreInput.value = e.target.innerText;
const createGenreList = (genreList, genres) => {
return createGenreListWithClickEvent(genreList, genres, (e) => {
genreInput.value = e.target.innerText;
-
genreForm.requestSubmit(
);
+
formSubmitPolyfill(genreForm, formSubmitAction
);
})
}
let genres = JSON.parse(lStorage.getItem("genres"))
})
}
let genres = JSON.parse(lStorage.getItem("genres"))
@@
-126,9
+143,7
@@
window.onload = () => {
genreForm.addEventListener("submit", (e) => {
e.preventDefault();
genreForm.addEventListener("submit", (e) => {
e.preventDefault();
- fetch(encodeURI(`http://localhost:8080/artist/genre?genre_name=${genreInput.value}`))
- .then((response) => response.json())
- .then((data) => drawBracket(canvas, data.slice(0, 33)));
+ formSubmitAction()
});
genreInput.addEventListener("input", (e) => {
});
genreInput.addEventListener("input", (e) => {