RanchiMall/standard-ui
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bug fixes

Browse Source
This commit is contained in:
sairaj mote 2022-10-29 02:06:58 +05:30
parent 0b0509bb4b
commit c2bfbba229
4 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/dist/input.js vendored
View File

@ -528,7 +528,7 @@ customElements.define('sm-input',
this.optionList.addEventListener('keydown', this.handleDatalistNavigation); this.optionList.addEventListener('keydown', this.handleDatalistNavigation);
} }
this.input.addEventListener('focusin', this.handleFocus); this.input.addEventListener('focusin', this.handleFocus);
this.input.addEventListener('focusout', this.handleBlur); this.addEventListener('focusout', this.handleBlur);
} }
attributeChangedCallback(name, oldValue, newValue) { attributeChangedCallback(name, oldValue, newValue) {
@ -594,6 +594,6 @@ customElements.define('sm-input',
this.input.removeEventListener('keydown', this.handleInputNavigation); this.input.removeEventListener('keydown', this.handleInputNavigation);
this.optionList.removeEventListener('keydown', this.handleDatalistNavigation); this.optionList.removeEventListener('keydown', this.handleDatalistNavigation);
this.input.removeEventListener('focusin', this.handleFocus); this.input.removeEventListener('focusin', this.handleFocus);
this.input.removeEventListener('focusout', this.handleBlur); this.removeEventListener('focusout', this.handleBlur);
} }
}) })

2
components/dist/input.min.js vendored
View File

File diff suppressed because one or more lines are too long

18
components/dist/strip-select.js vendored
View File

@ -25,22 +25,18 @@ stripSelect.innerHTML = `
grid-template-rows: 1fr; grid-template-rows: 1fr;
} }
.strip-select{ .strip-select{
display: flex;
position: relative; position: relative;
grid-area: 1/1/2/-1; grid-area: 1/1/2/-1;
gap: var(--gap, 0.5rem);
overflow: auto hidden;
} }
:host([multiline]) .strip-select{ :host([multiline]) .strip-select{
display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: var(--gap, 0.5rem);
overflow: auto hidden;
} }
:host(:not([multiline])) .strip-select{ :host(:not([multiline])) .strip-select{
display: grid;
grid-auto-flow: column;
gap: var(--gap, 0.5rem);
max-width: 100%; max-width: 100%;
align-items: center; align-items: center;
overflow: auto hidden;
} }
.nav-button{ .nav-button{
display: flex; display: flex;
@ -62,11 +58,13 @@ stripSelect.innerHTML = `
justify-self: end; justify-self: end;
} }
.cover{ .cover{
position: absolute;
z-index: 1; z-index: 1;
width: 5rem; width: 5rem;
height: 100%; height: 100%;
pointer-events: none; pointer-events: none;
grid-row: 1; grid-row: 1;
transition: opacity 0.2s;
} }
.cover--left{ .cover--left{
grid-column: 1; grid-column: 1;
@ -255,8 +253,7 @@ customElements.define('strip-select', class extends HTMLElement {
if (entry.isIntersecting) { if (entry.isIntersecting) {
navButtonLeft.classList.add('hide'); navButtonLeft.classList.add('hide');
coverLeft.classList.add('hide'); coverLeft.classList.add('hide');
} } else {
else {
navButtonLeft.classList.remove('hide'); navButtonLeft.classList.remove('hide');
coverLeft.classList.remove('hide'); coverLeft.classList.remove('hide');
} }
@ -271,8 +268,7 @@ customElements.define('strip-select', class extends HTMLElement {
if (entry.isIntersecting) { if (entry.isIntersecting) {
navButtonRight.classList.add('hide'); navButtonRight.classList.add('hide');
coverRight.classList.add('hide'); coverRight.classList.add('hide');
} } else {
else {
navButtonRight.classList.remove('hide'); navButtonRight.classList.remove('hide');
coverRight.classList.remove('hide'); coverRight.classList.remove('hide');
} }

2
components/dist/strip-select.min.js vendored
View File

File diff suppressed because one or more lines are too long