chore(overlay): overlay doc improvements #5899
Conversation
|
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
There was a problem hiding this comment.
Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit
eslint
Missing return type on function.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 'sp-closed', with ⏎············'sp-closed',⏎···········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ········},·{·once:·true·}); with ············},⏎············{·once:·true·}
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ····} with ········)
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert };⏎
🚫 [eslint] <lit-a11y/click-events-have-key-events> reported by reviewdog 🐶
Clickable non-interactive elements must have at least 1 keyboard event listener
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·style="margin:·0;·color:·var(--spectrum-gray-800);·font-weight:·bold;" with ⏎················style="margin:·0;·color:·var(--spectrum-gray-800);·font-weight:·bold;"⏎············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace This·content·was·only·created·when·you·opened·the·overlay! with ⏎··································This·content·was·only·created·when·you·opened⏎··································the·overlay!⏎······························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace This·pattern·is·great·for·performance·when·you·have·many·overlays·on·a·page. with ⏎··································This·pattern·is·great·for·performance·when·you⏎··································have·many·overlays·on·a·page.⏎······························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace <strong>💡·Performance·tip:</strong>·The·overlay·content·is·only·created·when·you·click·the·button,·reducing·memory·usage·for·pages·with·many·overlays. with ⏎····················<strong>💡·Performance·tip:</strong>⏎····················The·overlay·content·is·only·created·when·you·click·the⏎····················button,·reducing·memory·usage·for·pages·with·many·overlays.⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
Missing return type on function.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
Missing return type on function.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
Missing return type on function.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎················trigger="wizard-trigger@click"·⏎················type="modal"⏎············ with trigger="wizard-trigger@click"·type="modal"
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·placeholder="Full·Name" with ⏎································placeholder="Full·Name"⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
Missing return type on function.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace (item with ((item)
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎············buttonRect.right,⏎············buttonRect.top⏎········ with buttonRect.right,·buttonRect.top
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 'sp-closed', with ⏎············'sp-closed',⏎···········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ········},·{·once:·true·}); with ············},⏎············{·once:·true·}
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace } with ····)
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert };⏎
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 'Import·from·File',·'Import·from·URL',·'Import·from·Clipboard']) with ⏎····································'Import·from·File',⏎····································'Import·from·URL',⏎····································'Import·from·Clipboard',
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ····])
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 'Export·as·PDF',·'Export·as·PNG',·'Export·as·SVG']) with ⏎····································'Export·as·PDF',⏎····································'Export·as·PNG',⏎····································'Export·as·SVG',
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ····])
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="scroll-trigger@click"·type="auto"·placement="right" with ⏎························trigger="scroll-trigger@click"⏎························type="auto"⏎························placement="right"⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace This·overlay·stays·positioned·correctly·even·when·you·scroll·the·container. with ⏎····································This·overlay·stays·positioned·correctly·even⏎····································when·you·scroll·the·container.⏎································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace This·element·has·a·high·z-index,·but·overlays·still·appear·on·top. with ⏎····················This·element·has·a·high·z-index,·but·overlays·still·appear⏎····················on·top.⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="zindex-trigger@click"·type="auto"·placement="top" with ⏎····················trigger="zindex-trigger@click"⏎····················type="auto"⏎····················placement="top"⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ✅·This·overlay·correctly·appears·above·all·content with ⏎································✅·This·overlay·correctly·appears·above·all⏎································content⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Overlays·are·rendered·in·a·top-level·container·to·avoid·z-index·issues. with ⏎································Overlays·are·rendered·in·a·top-level·container⏎································to·avoid·z-index·issues.⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
Missing return type on function.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace module with ⏎················(module)
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ····
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace } with ····}⏎············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="rapid-trigger@click"·type="auto"·placement="bottom" with ⏎················trigger="rapid-trigger@click"⏎················type="auto"⏎················placement="bottom"⏎············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Try·clicking·the·trigger·button·multiple·times·quickly. with ⏎····························Try·clicking·the·trigger·button·multiple·times⏎····························quickly.⏎························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace <strong>Try·this:</strong>·Click·the·button·multiple·times·as·fast·as·you·can.·The·overlay·system·automatically·handles·rapid·interactions·without·getting·stuck·or·creating·multiple·overlays. with ⏎····················<strong>Try·this:</strong>⏎····················Click·the·button·multiple·times·as·fast·as·you·can.·The⏎····················overlay·system·automatically·handles·rapid·interactions⏎····················without·getting·stuck·or·creating·multiple·overlays.⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="first-trigger@click"·type="auto"·placement="bottom" with ⏎················trigger="first-trigger@click"⏎················type="auto"⏎················placement="bottom"⏎············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Open·Second·Overlay with ⏎····························Open·Second·Overlay⏎························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="second-trigger@click"·type="auto"·placement="right" with ⏎····························trigger="second-trigger@click"⏎····························type="auto"⏎····························placement="right"⏎························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Open·Third·Overlay with ⏎········································Open·Third·Overlay⏎····································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="third-trigger@click"·type="auto"·placement="right" with ⏎········································trigger="third-trigger@click"⏎········································type="auto"⏎········································placement="right"⏎····································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Third·overlay·(highest·in·stack) with ⏎····················································Third·overlay·(highest·in⏎····················································stack)⏎················································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Press·ESC·to·close·overlays·in·order with ⏎····················································Press·ESC·to·close·overlays⏎····················································in·order⏎················································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="long-trigger@click"·type="auto"·placement="bottom" with ⏎················trigger="long-trigger@click"⏎················type="auto"⏎················placement="bottom"⏎············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace .fill(0).map( with ⏎································.fill(0)⏎································.map(⏎····································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ``` with ········⏎································`
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace <strong>Responsive·behavior:</strong>·On·small·screens,·use·type="page"·for·full-screen·overlays·that·are·easier·to·interact·with. with ⏎····················<strong>Responsive·behavior:</strong>⏎····················On·small·screens,·use·type="page"·for·full-screen·overlays⏎····················that·are·easier·to·interact·with.⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="mobile-trigger@click"·type="page"·placement="bottom" with ⏎····················trigger="mobile-trigger@click"⏎····················type="page"⏎····················placement="bottom"⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace On·mobile,·overlays·can·take·full·screen·for·better·usability. with ⏎································On·mobile,·overlays·can·take·full·screen·for⏎································better·usability.⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace <strong>Clipping·workaround:</strong>·Even·though·the·parent·has·overflow:hidden,·the·overlay·renders·correctly·because·it's·placed·in·a·top-level·container. with ⏎····················<strong>Clipping·workaround:</strong>⏎····················Even·though·the·parent·has·overflow:hidden,·the·overlay⏎····················renders·correctly·because·it's·placed·in·a·top-level⏎····················container.⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="clip-trigger@click"·type="auto"·placement="bottom" with ⏎····················trigger="clip-trigger@click"⏎····················type="auto"⏎····················placement="bottom"⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
Missing return type on function.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·id="password-help"·variant="secondary"·size="m"·quiet with ⏎····················id="password-help"⏎····················variant="secondary"⏎····················size="m"⏎····················quiet⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Contains·uppercase·and·lowercase·letters with ⏎····································Contains·uppercase·and·lowercase·letters⏎································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Contains·at·least·one·special·character·(!@#$%^&*) with ⏎····································Contains·at·least·one·special·character⏎····································(!@#$%^&*)⏎································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
Missing return type on function.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
Missing return type on function.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
Missing return type on function.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace '#password-field-multi' with ⏎············'#password-field-multi'⏎········
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Username·must·be·at·least·3·characters·and·contain·only·letters,·numbers,·and·underscores with ⏎································Username·must·be·at·least·3·characters·and⏎································contain·only·letters,·numbers,·and·underscores⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎····················Country⏎················ with Country
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎····················Time·zone⏎················ with Time·zone
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Pacific·Standard·Time·(PST) with ⏎························Pacific·Standard·Time·(PST)⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Mountain·Standard·Time·(MST) with ⏎························Mountain·Standard·Time·(MST)⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Central·Standard·Time·(CST) with ⏎························Central·Standard·Time·(CST)⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Eastern·Standard·Time·(EST) with ⏎························Eastern·Standard·Time·(EST)⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Coordinated·Universal·Time·(UTC) with ⏎························Coordinated·Universal·Time·(UTC)⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Greenwich·Mean·Time·(GMT) with ⏎························Greenwich·Mean·Time·(GMT)⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
Missing return type on function.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
Missing return type on function.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace <br with ⏎····················<br·/
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ···························· with ⏎····························<sp-field-label
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ····························<sp-field-label·for="edit-email-field"·style="margin-top:·15px;" with ································for="edit-email-field"⏎································style="margin-top:·15px;"⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·variant="secondary"·@click=${handleCancel} with ⏎····································variant="secondary"⏎····································@click=${handleCancel}⏎································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·variant="accent"·@click=${handleSave} with ⏎····································variant="accent"⏎····································@click=${handleSave}⏎································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎····openOverlay,⏎····VirtualTrigger,⏎ with ·openOverlay,·VirtualTrigger·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎····················Save⏎················ with Save
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·<code>trigger</code>·attribute·connects·the·tooltip·to·your·button⏎····················using·the·button's·ID.·The·<code>@hover</code> with ⏎····················<code>trigger</code>⏎····················attribute·connects·the·tooltip·to·your·button·using·the⏎····················button's·ID.·The⏎····················<code>@hover</code>⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 👆·Try·it:·Hover·over·the·Save·button·above</p> with ⏎····················👆·Try·it:·Hover·over·the·Save·button·above
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert </p>⏎
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>trigger:</strong>·Connects·to·button·using·"id@interaction" with ⏎····················•⏎····················<strong>trigger:</strong>⏎····················Connects·to·button·using·"id@interaction"⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>type="hint":</strong>·Non-blocking,·won't·interfere·with·page with ⏎····················•⏎····················<strong>type="hint":</strong>⏎····················Non-blocking,·won't·interfere·with·page⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>placement:</strong>·Where·tooltip·appears·(top,·bottom,·left,·right) with ⏎····················•⏎····················<strong>placement:</strong>⏎····················Where·tooltip·appears·(top,·bottom,·left,·right)⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>delayed:</strong>·Small·delay·before·showing·(better·UX) with ⏎····················•⏎····················<strong>delayed:</strong>⏎····················Small·delay·before·showing·(better·UX)⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace This·is·a·simple·popover·with·some·helpful·information. with ⏎································This·is·a·simple·popover·with·some·helpful⏎································information.⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·<code>@click</code>·instead·of·<code>@hover</code>. with ⏎····················<code>@click</code>⏎····················instead·of⏎····················<code>@hover</code>
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·The·popover·automatically·closes·when·you·click·outside·or with ·.·The·popover·automatically·closes·when·you·click·outside·or⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 👆·Try·it:·Click·the·"Show·Details"·button·above</p> with ⏎····················👆·Try·it:·Click·the·"Show·Details"·button·above
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert </p>⏎
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>@click:</strong>·Opens·on·button·click with ⏎····················•⏎····················<strong>@click:</strong>⏎····················Opens·on·button·click⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>type="auto":</strong>·Closes·when·clicking·outside with ⏎····················•⏎····················<strong>type="auto":</strong>⏎····················Closes·when·clicking·outside⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>sp-popover:</strong>·Container·for·popover·content with ⏎····················•⏎····················<strong>sp-popover:</strong>⏎····················Container·for·popover·content⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>sp-dialog:</strong>·Provides·consistent·spacing·and·styling with ⏎····················•⏎····················<strong>sp-dialog:</strong>⏎····················Provides·consistent·spacing·and·styling⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎····················trigger="modal-example@click"·⏎····················type="modal"⏎················ with trigger="modal-example@click"·type="modal"
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 'sp-overlay[trigger="modal-example@click"]' with ⏎································'sp-overlay[trigger="modal-example@click"]'⏎····························
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 'sp-overlay[trigger="modal-example@click"]' with ⏎································'sp-overlay[trigger="modal-example@click"]'⏎····························
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·The·underlay·dims
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·the·background·to·focus·attention.·Use·<code>sp-dialog-wrapper</code>·for with ·The·underlay·dims·the·background·to·focus·attention.·Use⏎····················<code>sp-dialog-wrapper</code>
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ·for
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 👆·Try·it:·Click·"Delete·Item"·to·see·the·modal</p> with ⏎····················👆·Try·it:·Click·"Delete·Item"·to·see·the·modal
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert </p>⏎
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>type="modal":</strong>·Blocks·page·interaction with ⏎····················•⏎····················<strong>type="modal":</strong>⏎····················Blocks·page·interaction⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>underlay:</strong>·Dims·background with ⏎····················•⏎····················<strong>underlay:</strong>⏎····················Dims·background⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>sp-dialog-wrapper:</strong>·Provides·action·buttons with ⏎····················•⏎····················<strong>sp-dialog-wrapper:</strong>⏎····················Provides·action·buttons⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>@confirm/@cancel:</strong>·Handle·button·clicks with ⏎····················•⏎····················<strong>@confirm/@cancel:</strong>⏎····················Handle·button·clicks⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
Missing return type on function.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 'sp-closed', with ⏎············'sp-closed',⏎···········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace },·{·once:·true·}); with ····},⏎············{·once:·true·}
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert );⏎
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·style="margin:·0;·color:·var(--spectrum-gray-800);·font-weight:·bold;" with ⏎························style="margin:·0;·color:·var(--spectrum-gray-800);·font-weight:·bold;"⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·<code>VirtualTrigger</code>·to with ⏎····················<code>VirtualTrigger</code>
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·position·the·menu·at·the·cursor.·This·requires·more·code·but·gives·you with ·to·position·the·menu·at·the·cursor.·This·requires·more·code
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ·but·gives·you
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 👆·Try·it:·Right-click·in·the·shaded·area·above</p> with ⏎····················👆·Try·it:·Right-click·in·the·shaded·area·above
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert </p>⏎
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>VirtualTrigger:</strong>·Position·at·cursor·coordinates with ⏎····················•⏎····················<strong>VirtualTrigger:</strong>⏎····················Position·at·cursor·coordinates⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>openOverlay():</strong>·Programmatic·API·for·advanced·control with ⏎····················•⏎····················<strong>openOverlay():</strong>⏎····················Programmatic·API·for·advanced·control⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>event.preventDefault():</strong>·Suppress·browser·context·menu with ⏎····················•⏎····················<strong>event.preventDefault():</strong>⏎····················Suppress·browser·context·menu⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>notImmediatelyClosable:</strong>·Prevents·instant·closing·on·right-click with ⏎····················•⏎····················<strong>notImmediatelyClosable:</strong>⏎····················Prevents·instant·closing·on·right-click⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·menus,
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ·menus,
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ····················window.location.hash·= with ························window.location.hash·=⏎···························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace }} with ····}}⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·available
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·for·sp-overlay,·overlay-trigger,·and·the·trigger() with ·available·for·sp-overlay,·overlay-trigger,·and·the·trigger()⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ····················window.location.hash·= with ························window.location.hash·=⏎···························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace }} with ····}}⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ····················window.location.hash·= with ························window.location.hash·=⏎···························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace }} with ····}}⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ····················window.location.hash·= with ························window.location.hash·=⏎···························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace }} with ····}}⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·The·button·ID·is·"correct-id"·but·the·overlay·is·looking·for with ⏎····················The·button·ID·is·"correct-id"·but·the·overlay·is·looking·for⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·type="inline"·doesn't·auto-close,·and·button·doesn't·trigger with ⏎····················type="inline"·doesn't·auto-close,·and·button·doesn't·trigger⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎·······························
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace e.target?.dispatchEvent(new·Event('close',·{·bubbles:·true·}) with ····e.target?.dispatchEvent(⏎········································new·Event('close',·{·bubbles:·true·})⏎····································
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace }} with ····}}⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Placement·defaults·to·'top'·which·might·not·be·what·you·want. with ⏎································Placement·defaults·to·'top'·which·might·not·be⏎································what·you·want.⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="with-placement-trigger@click"·type="auto"·placement="bottom-start" with ⏎····················trigger="with-placement-trigger@click"⏎····················type="auto"⏎····················placement="bottom-start"⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace <strong>Options:</strong>·top,·bottom,·left,·right·(with·-start/-end·variants) with ⏎························<strong>Options:</strong>⏎························top,·bottom,·left,·right·(with·-start/-end·variants)⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·Modal·overlay·should·receive·focus·but with ⏎····················Modal·overlay·should·receive·focus·but⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎····················trigger="with-focus-trigger@click"·⏎····················type="modal"⏎················ with trigger="with-focus-trigger@click"·type="modal"
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·Remove·receives-focus="false"·or·set·to·"auto"·for·default with ⏎····················Remove·receives-focus="false"·or·set·to·"auto"·for·default⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎····························Popover⏎························ with Popover
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace <strong>Problem:</strong>·With·many·overlays,·all·content·is·in·DOM: with ⏎························<strong>Problem:</strong>⏎························With·many·overlays,·all·content·is·in·DOM:⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Result:·100·popovers·×·200·nodes·=·<strong>20,000·DOM·nodes</strong></p with ⏎························Result:·100·popovers·×·200·nodes·=⏎························<strong>20,000·DOM·nodes</strong
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace </div with ····</p
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert </div>⏎
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace <strong>Solution:</strong>·Use·slottable-request·to·load·content·on·demand: with ⏎························<strong>Solution:</strong>⏎························Use·slottable-request·to·load·content·on·demand:⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Result:·Only·1-2·active·overlays·=·<strong>200-400·DOM·nodes</strong> with ⏎························Result:·Only·1-2·active·overlays·=⏎························<strong>200-400·DOM·nodes</strong>⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 💡·<strong>90%·reduction·in·memory!</strong> with ⏎························💡⏎························<strong>90%·reduction·in·memory!</strong>⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 💡·<strong>Better:</strong>·Use·sp-button·for·built-in·accessibility. with ⏎························💡⏎························<strong>Better:</strong>⏎························Use·sp-button·for·built-in·accessibility.⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
| * OF ANY KIND, either express or implied. See the License for the specific language | ||
| * governing permissions and limitations under the License. | ||
| */ | ||
| import { html, TemplateResult, render } from '@spectrum-web-components/base'; |
There was a problem hiding this comment.
🚫 [eslint] <sort-imports> reported by reviewdog 🐶
Member 'render' of the import declaration should be sorted alphabetically.
| import { html, TemplateResult, render } from '@spectrum-web-components/base'; | |
| import { html, render, TemplateResult } from '@spectrum-web-components/base'; |
|
|
||
| /** | ||
| * Nested overlays - overlay within overlay | ||
| * |
There was a problem hiding this comment.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
| * | |
| * |
| * Nested overlays - overlay within overlay | ||
| * | ||
| * **Use case:** Multi-level interactions like menus with submenus | ||
| * |
There was a problem hiding this comment.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
| * | |
| * |
| * - Proper z-index stacking | ||
| * - Independent lifecycle management | ||
| * - ESC key closes in order (most recent first) | ||
| * |
There was a problem hiding this comment.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
| * | |
| * |
| <sp-button id="first-trigger" variant="primary"> | ||
| Open First Overlay | ||
| </sp-button> | ||
| <sp-overlay trigger="first-trigger@click" type="auto" placement="bottom"> |
There was a problem hiding this comment.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="first-trigger@click"·type="auto"·placement="bottom" with ⏎················trigger="first-trigger@click"⏎················type="auto"⏎················placement="bottom"⏎············
| <sp-overlay trigger="first-trigger@click" type="auto" placement="bottom"> | |
| <sp-overlay | |
| trigger="first-trigger@click" | |
| type="auto" | |
| placement="bottom" | |
| > |
| <sp-overlay | ||
| id="dynamic-overlay" | ||
| trigger="dynamic-trigger@click" | ||
| type="auto" |
There was a problem hiding this comment.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
| type="auto" | |
| type="auto" |
| </ul> | ||
| <div class="action-buttons"> | ||
| <sp-button @click=${addItem}>Add Item</sp-button> | ||
| <sp-button @click=${removeItem} variant="secondary">Remove Item</sp-button> |
There was a problem hiding this comment.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Remove·Item with ⏎································Remove·Item⏎····························
| <sp-button @click=${removeItem} variant="secondary">Remove Item</sp-button> | |
| <sp-button @click=${removeItem} variant="secondary"> | |
| Remove Item | |
| </sp-button> |
|
|
||
| /** | ||
| * Virtual positioning - position overlay at specific coordinates | ||
| * |
There was a problem hiding this comment.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
| * | |
| * |
| * Virtual positioning - position overlay at specific coordinates | ||
| * | ||
| * **Use case:** Context menus, coordinate-based positioning | ||
| * |
There was a problem hiding this comment.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
| * | |
| * |
| * - Position at any x,y coordinates | ||
| * - No DOM trigger element required | ||
| * - Useful for mouse-based interactions | ||
| * |
There was a problem hiding this comment.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
| * | |
| * |
There was a problem hiding this comment.
Remaining comments which cannot be posted as a review comment to avoid GitHub Rate Limit
eslint
Missing return type on function.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎················trigger="wizard-trigger@click"·⏎················type="modal"⏎············ with trigger="wizard-trigger@click"·type="modal"
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·placeholder="Full·Name" with ⏎································placeholder="Full·Name"⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
Missing return type on function.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace (item with ((item)
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎············buttonRect.right,⏎············buttonRect.top⏎········ with buttonRect.right,·buttonRect.top
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 'sp-closed', with ⏎············'sp-closed',⏎···········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ········},·{·once:·true·}); with ············},⏎············{·once:·true·}
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace } with ····)
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert };⏎
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 'Import·from·File',·'Import·from·URL',·'Import·from·Clipboard']) with ⏎····································'Import·from·File',⏎····································'Import·from·URL',⏎····································'Import·from·Clipboard',
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ····])
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 'Export·as·PDF',·'Export·as·PNG',·'Export·as·SVG']) with ⏎····································'Export·as·PDF',⏎····································'Export·as·PNG',⏎····································'Export·as·SVG',
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ····])
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="scroll-trigger@click"·type="auto"·placement="right" with ⏎························trigger="scroll-trigger@click"⏎························type="auto"⏎························placement="right"⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace This·overlay·stays·positioned·correctly·even·when·you·scroll·the·container. with ⏎····································This·overlay·stays·positioned·correctly·even⏎····································when·you·scroll·the·container.⏎································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace This·element·has·a·high·z-index,·but·overlays·still·appear·on·top. with ⏎····················This·element·has·a·high·z-index,·but·overlays·still·appear⏎····················on·top.⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="zindex-trigger@click"·type="auto"·placement="top" with ⏎····················trigger="zindex-trigger@click"⏎····················type="auto"⏎····················placement="top"⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ✅·This·overlay·correctly·appears·above·all·content with ⏎································✅·This·overlay·correctly·appears·above·all⏎································content⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Overlays·are·rendered·in·a·top-level·container·to·avoid·z-index·issues. with ⏎································Overlays·are·rendered·in·a·top-level·container⏎································to·avoid·z-index·issues.⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
Missing return type on function.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace module with ⏎················(module)
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ····
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace } with ····}⏎············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="rapid-trigger@click"·type="auto"·placement="bottom" with ⏎················trigger="rapid-trigger@click"⏎················type="auto"⏎················placement="bottom"⏎············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Try·clicking·the·trigger·button·multiple·times·quickly. with ⏎····························Try·clicking·the·trigger·button·multiple·times⏎····························quickly.⏎························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace <strong>Try·this:</strong>·Click·the·button·multiple·times·as·fast·as·you·can.·The·overlay·system·automatically·handles·rapid·interactions·without·getting·stuck·or·creating·multiple·overlays. with ⏎····················<strong>Try·this:</strong>⏎····················Click·the·button·multiple·times·as·fast·as·you·can.·The⏎····················overlay·system·automatically·handles·rapid·interactions⏎····················without·getting·stuck·or·creating·multiple·overlays.⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="first-trigger@click"·type="auto"·placement="bottom" with ⏎················trigger="first-trigger@click"⏎················type="auto"⏎················placement="bottom"⏎············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Open·Second·Overlay with ⏎····························Open·Second·Overlay⏎························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="second-trigger@click"·type="auto"·placement="right" with ⏎····························trigger="second-trigger@click"⏎····························type="auto"⏎····························placement="right"⏎························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Open·Third·Overlay with ⏎········································Open·Third·Overlay⏎····································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="third-trigger@click"·type="auto"·placement="right" with ⏎········································trigger="third-trigger@click"⏎········································type="auto"⏎········································placement="right"⏎····································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Third·overlay·(highest·in·stack) with ⏎····················································Third·overlay·(highest·in⏎····················································stack)⏎················································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Press·ESC·to·close·overlays·in·order with ⏎····················································Press·ESC·to·close·overlays⏎····················································in·order⏎················································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="long-trigger@click"·type="auto"·placement="bottom" with ⏎················trigger="long-trigger@click"⏎················type="auto"⏎················placement="bottom"⏎············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace .fill(0).map( with ⏎································.fill(0)⏎································.map(⏎····································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ``` with ········⏎································`
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace <strong>Responsive·behavior:</strong>·On·small·screens,·use·type="page"·for·full-screen·overlays·that·are·easier·to·interact·with. with ⏎····················<strong>Responsive·behavior:</strong>⏎····················On·small·screens,·use·type="page"·for·full-screen·overlays⏎····················that·are·easier·to·interact·with.⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="mobile-trigger@click"·type="page"·placement="bottom" with ⏎····················trigger="mobile-trigger@click"⏎····················type="page"⏎····················placement="bottom"⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace On·mobile,·overlays·can·take·full·screen·for·better·usability. with ⏎································On·mobile,·overlays·can·take·full·screen·for⏎································better·usability.⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace <strong>Clipping·workaround:</strong>·Even·though·the·parent·has·overflow:hidden,·the·overlay·renders·correctly·because·it's·placed·in·a·top-level·container. with ⏎····················<strong>Clipping·workaround:</strong>⏎····················Even·though·the·parent·has·overflow:hidden,·the·overlay⏎····················renders·correctly·because·it's·placed·in·a·top-level⏎····················container.⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="clip-trigger@click"·type="auto"·placement="bottom" with ⏎····················trigger="clip-trigger@click"⏎····················type="auto"⏎····················placement="bottom"⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
Missing return type on function.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·id="password-help"·variant="secondary"·size="m"·quiet with ⏎····················id="password-help"⏎····················variant="secondary"⏎····················size="m"⏎····················quiet⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Contains·uppercase·and·lowercase·letters with ⏎····································Contains·uppercase·and·lowercase·letters⏎································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Contains·at·least·one·special·character·(!@#$%^&*) with ⏎····································Contains·at·least·one·special·character⏎····································(!@#$%^&*)⏎································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
Missing return type on function.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
Missing return type on function.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
Missing return type on function.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace '#password-field-multi' with ⏎············'#password-field-multi'⏎········
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Username·must·be·at·least·3·characters·and·contain·only·letters,·numbers,·and·underscores with ⏎································Username·must·be·at·least·3·characters·and⏎································contain·only·letters,·numbers,·and·underscores⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎····················Country⏎················ with Country
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎····················Time·zone⏎················ with Time·zone
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Pacific·Standard·Time·(PST) with ⏎························Pacific·Standard·Time·(PST)⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Mountain·Standard·Time·(MST) with ⏎························Mountain·Standard·Time·(MST)⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Central·Standard·Time·(CST) with ⏎························Central·Standard·Time·(CST)⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Eastern·Standard·Time·(EST) with ⏎························Eastern·Standard·Time·(EST)⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Coordinated·Universal·Time·(UTC) with ⏎························Coordinated·Universal·Time·(UTC)⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Greenwich·Mean·Time·(GMT) with ⏎························Greenwich·Mean·Time·(GMT)⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
Missing return type on function.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
Missing return type on function.
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace <br with ⏎····················<br·/
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ···························· with ⏎····························<sp-field-label
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ····························<sp-field-label·for="edit-email-field"·style="margin-top:·15px;" with ································for="edit-email-field"⏎································style="margin-top:·15px;"⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·variant="secondary"·@click=${handleCancel} with ⏎····································variant="secondary"⏎····································@click=${handleCancel}⏎································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·variant="accent"·@click=${handleSave} with ⏎····································variant="accent"⏎····································@click=${handleSave}⏎································
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎····openOverlay,⏎····VirtualTrigger,⏎ with ·openOverlay,·VirtualTrigger·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎····················Save⏎················ with Save
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·<code>trigger</code>·attribute·connects·the·tooltip·to·your·button⏎····················using·the·button's·ID.·The·<code>@hover</code> with ⏎····················<code>trigger</code>⏎····················attribute·connects·the·tooltip·to·your·button·using·the⏎····················button's·ID.·The⏎····················<code>@hover</code>⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 👆·Try·it:·Hover·over·the·Save·button·above</p> with ⏎····················👆·Try·it:·Hover·over·the·Save·button·above
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert </p>⏎
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>trigger:</strong>·Connects·to·button·using·"id@interaction" with ⏎····················•⏎····················<strong>trigger:</strong>⏎····················Connects·to·button·using·"id@interaction"⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>type="hint":</strong>·Non-blocking,·won't·interfere·with·page with ⏎····················•⏎····················<strong>type="hint":</strong>⏎····················Non-blocking,·won't·interfere·with·page⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>placement:</strong>·Where·tooltip·appears·(top,·bottom,·left,·right) with ⏎····················•⏎····················<strong>placement:</strong>⏎····················Where·tooltip·appears·(top,·bottom,·left,·right)⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>delayed:</strong>·Small·delay·before·showing·(better·UX) with ⏎····················•⏎····················<strong>delayed:</strong>⏎····················Small·delay·before·showing·(better·UX)⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace This·is·a·simple·popover·with·some·helpful·information. with ⏎································This·is·a·simple·popover·with·some·helpful⏎································information.⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·<code>@click</code>·instead·of·<code>@hover</code>. with ⏎····················<code>@click</code>⏎····················instead·of⏎····················<code>@hover</code>
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·The·popover·automatically·closes·when·you·click·outside·or with ·.·The·popover·automatically·closes·when·you·click·outside·or⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 👆·Try·it:·Click·the·"Show·Details"·button·above</p> with ⏎····················👆·Try·it:·Click·the·"Show·Details"·button·above
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert </p>⏎
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>@click:</strong>·Opens·on·button·click with ⏎····················•⏎····················<strong>@click:</strong>⏎····················Opens·on·button·click⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>type="auto":</strong>·Closes·when·clicking·outside with ⏎····················•⏎····················<strong>type="auto":</strong>⏎····················Closes·when·clicking·outside⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>sp-popover:</strong>·Container·for·popover·content with ⏎····················•⏎····················<strong>sp-popover:</strong>⏎····················Container·for·popover·content⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>sp-dialog:</strong>·Provides·consistent·spacing·and·styling with ⏎····················•⏎····················<strong>sp-dialog:</strong>⏎····················Provides·consistent·spacing·and·styling⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎····················trigger="modal-example@click"·⏎····················type="modal"⏎················ with trigger="modal-example@click"·type="modal"
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 'sp-overlay[trigger="modal-example@click"]' with ⏎································'sp-overlay[trigger="modal-example@click"]'⏎····························
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 'sp-overlay[trigger="modal-example@click"]' with ⏎································'sp-overlay[trigger="modal-example@click"]'⏎····························
🚫 [eslint] <@typescript-eslint/no-explicit-any> reported by reviewdog 🐶
Unexpected any. Specify a different type.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·The·underlay·dims
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·the·background·to·focus·attention.·Use·<code>sp-dialog-wrapper</code>·for with ·The·underlay·dims·the·background·to·focus·attention.·Use⏎····················<code>sp-dialog-wrapper</code>
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ·for
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 👆·Try·it:·Click·"Delete·Item"·to·see·the·modal</p> with ⏎····················👆·Try·it:·Click·"Delete·Item"·to·see·the·modal
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert </p>⏎
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>type="modal":</strong>·Blocks·page·interaction with ⏎····················•⏎····················<strong>type="modal":</strong>⏎····················Blocks·page·interaction⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>underlay:</strong>·Dims·background with ⏎····················•⏎····················<strong>underlay:</strong>⏎····················Dims·background⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>sp-dialog-wrapper:</strong>·Provides·action·buttons with ⏎····················•⏎····················<strong>sp-dialog-wrapper:</strong>⏎····················Provides·action·buttons⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>@confirm/@cancel:</strong>·Handle·button·clicks with ⏎····················•⏎····················<strong>@confirm/@cancel:</strong>⏎····················Handle·button·clicks⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
Missing return type on function.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 'sp-closed', with ⏎············'sp-closed',⏎···········
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace },·{·once:·true·}); with ····},⏎············{·once:·true·}
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert );⏎
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·style="margin:·0;·color:·var(--spectrum-gray-800);·font-weight:·bold;" with ⏎························style="margin:·0;·color:·var(--spectrum-gray-800);·font-weight:·bold;"⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·<code>VirtualTrigger</code>·to with ⏎····················<code>VirtualTrigger</code>
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·position·the·menu·at·the·cursor.·This·requires·more·code·but·gives·you with ·to·position·the·menu·at·the·cursor.·This·requires·more·code
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ·but·gives·you
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 👆·Try·it:·Right-click·in·the·shaded·area·above</p> with ⏎····················👆·Try·it:·Right-click·in·the·shaded·area·above
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert </p>⏎
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>VirtualTrigger:</strong>·Position·at·cursor·coordinates with ⏎····················•⏎····················<strong>VirtualTrigger:</strong>⏎····················Position·at·cursor·coordinates⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>openOverlay():</strong>·Programmatic·API·for·advanced·control with ⏎····················•⏎····················<strong>openOverlay():</strong>⏎····················Programmatic·API·for·advanced·control⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>event.preventDefault():</strong>·Suppress·browser·context·menu with ⏎····················•⏎····················<strong>event.preventDefault():</strong>⏎····················Suppress·browser·context·menu⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace •·<strong>notImmediatelyClosable:</strong>·Prevents·instant·closing·on·right-click with ⏎····················•⏎····················<strong>notImmediatelyClosable:</strong>⏎····················Prevents·instant·closing·on·right-click⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·menus,
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ·menus,
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ····················window.location.hash·= with ························window.location.hash·=⏎···························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace }} with ····}}⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·available
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·for·sp-overlay,·overlay-trigger,·and·the·trigger() with ·available·for·sp-overlay,·overlay-trigger,·and·the·trigger()⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ····················window.location.hash·= with ························window.location.hash·=⏎···························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace }} with ····}}⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ····················window.location.hash·= with ························window.location.hash·=⏎···························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace }} with ····}}⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ····················window.location.hash·= with ························window.location.hash·=⏎···························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace }} with ····}}⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·The·button·ID·is·"correct-id"·but·the·overlay·is·looking·for with ⏎····················The·button·ID·is·"correct-id"·but·the·overlay·is·looking·for⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·type="inline"·doesn't·auto-close,·and·button·doesn't·trigger with ⏎····················type="inline"·doesn't·auto-close,·and·button·doesn't·trigger⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎·······························
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace e.target?.dispatchEvent(new·Event('close',·{·bubbles:·true·}) with ····e.target?.dispatchEvent(⏎········································new·Event('close',·{·bubbles:·true·})⏎····································
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace }} with ····}}⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Placement·defaults·to·'top'·which·might·not·be·what·you·want. with ⏎································Placement·defaults·to·'top'·which·might·not·be⏎································what·you·want.⏎····························
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·trigger="with-placement-trigger@click"·type="auto"·placement="bottom-start" with ⏎····················trigger="with-placement-trigger@click"⏎····················type="auto"⏎····················placement="bottom-start"⏎················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace <strong>Options:</strong>·top,·bottom,·left,·right·(with·-start/-end·variants) with ⏎························<strong>Options:</strong>⏎························top,·bottom,·left,·right·(with·-start/-end·variants)⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·Modal·overlay·should·receive·focus·but with ⏎····················Modal·overlay·should·receive·focus·but⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎····················trigger="with-focus-trigger@click"·⏎····················type="modal"⏎················ with trigger="with-focus-trigger@click"·type="modal"
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ·Remove·receives-focus="false"·or·set·to·"auto"·for·default with ⏎····················Remove·receives-focus="false"·or·set·to·"auto"·for·default⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace ⏎····························Popover⏎························ with Popover
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace <strong>Problem:</strong>·With·many·overlays,·all·content·is·in·DOM: with ⏎························<strong>Problem:</strong>⏎························With·many·overlays,·all·content·is·in·DOM:⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Result:·100·popovers·×·200·nodes·=·<strong>20,000·DOM·nodes</strong></p with ⏎························Result:·100·popovers·×·200·nodes·=⏎························<strong>20,000·DOM·nodes</strong
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace </div with ····</p
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ····
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert </div>⏎
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace <strong>Solution:</strong>·Use·slottable-request·to·load·content·on·demand: with ⏎························<strong>Solution:</strong>⏎························Use·slottable-request·to·load·content·on·demand:⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace Result:·Only·1-2·active·overlays·=·<strong>200-400·DOM·nodes</strong> with ⏎························Result:·Only·1-2·active·overlays·=⏎························<strong>200-400·DOM·nodes</strong>⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 💡·<strong>90%·reduction·in·memory!</strong> with ⏎························💡⏎························<strong>90%·reduction·in·memory!</strong>⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ············
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <@spectrum-web-components/prevent-argument-names> reported by reviewdog 🐶
"e" shouldn't be used as an argument name
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Insert ⏎···················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Replace 💡·<strong>Better:</strong>·Use·sp-button·for·built-in·accessibility. with ⏎························💡⏎························<strong>Better:</strong>⏎························Use·sp-button·for·built-in·accessibility.⏎····················
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ·
| * 📖 [Imperative API Guide](./imperative-api.md#virtualtrigger-patterns) | ||
| */ | ||
| export const VirtualPositioning = (): TemplateResult => { | ||
| const handleClick = async (event: MouseEvent) => { |
There was a problem hiding this comment.
Missing return type on function.
| // Remove any existing overlays. | ||
| const existing = document.querySelector('.virtual-position-overlay'); | ||
| if (existing) existing.remove(); | ||
|
|
There was a problem hiding this comment.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
| <p>This overlay is positioned exactly where you clicked.</p> | ||
| </sp-dialog> | ||
| `; | ||
|
|
There was a problem hiding this comment.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
|
|
||
| // Position at click coordinates. | ||
| const trigger = new VirtualTrigger(event.clientX, event.clientY); | ||
|
|
There was a problem hiding this comment.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
| placement: 'bottom-start', | ||
| type: 'auto', | ||
| }); | ||
|
|
There was a problem hiding this comment.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ········
| */ | ||
| export const ComplexModal = (): TemplateResult => { | ||
| let step = 1; | ||
|
|
There was a problem hiding this comment.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
| export const ComplexModal = (): TemplateResult => { | ||
| let step = 1; | ||
|
|
||
| const nextStep = () => { |
There was a problem hiding this comment.
Missing return type on function.
| step++; | ||
| updateContent(); | ||
| }; | ||
|
|
There was a problem hiding this comment.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
| updateContent(); | ||
| }; | ||
|
|
||
| const prevStep = () => { |
There was a problem hiding this comment.
Missing return type on function.
| step--; | ||
| updateContent(); | ||
| }; | ||
|
|
There was a problem hiding this comment.
🚫 [eslint] <prettier/prettier> reported by reviewdog 🐶
Delete ····
📚 Branch Preview Links🔍 First Generation Visual Regression Test ResultsWhen a visual regression test fails (or has previously failed while working on this branch), its results can be found in the following URLs:
Deployed to Azure Blob Storage: If the changes are expected, update the |
Description
Motivation and context
Related issue(s)
Screenshots (if appropriate)
Author's checklist
Reviewer's checklist
patch,minor, ormajorfeaturesManual review test cases
Descriptive Test Statement
Descriptive Test Statement
Device review