Foundry/.dungeon
0
0
Fork 0
Code Issues 57 Pull requests Projects Releases 7 Packages Wiki Activity Actions

Make it so that the custom input delegates focus

Browse source
This commit is contained in:
Oliver-Akins 2024-04-30 21:23:15 -06:00
parent d433e6a51d
commit 5b5e74e085
2 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
module/components/incrementer.mjs
View file

@ -14,7 +14,11 @@ Styling:
- `--height`: Controls the height of the element + the width of the buttons (default: 1.25rem) - `--height`: Controls the height of the element + the width of the buttons (default: 1.25rem)
- `--width`: Controls the width of the number input (default 50px) - `--width`: Controls the width of the number input (default 50px)
*/ */
export class DotDungeonIncrementer extends StyledShadowElement(HTMLElement) { export class DotDungeonIncrementer
extends StyledShadowElement(
HTMLElement,
{ mode: `open`, delegatesFocus: true }
) {
static elementName = `dd-incrementer`; static elementName = `dd-incrementer`;
static formAssociated = true; static formAssociated = true;

4
module/components/mixins/Styles.mjs
View file

@ -1,7 +1,7 @@
/** /**
* @param {HTMLElement} Base * @param {HTMLElement} Base
*/ */
export function StyledShadowElement(Base) { export function StyledShadowElement(Base, shadowOptions = { mode: `open` }) {
return class extends Base { return class extends Base {
/** /**
* The path to the CSS that is loaded * The path to the CSS that is loaded
@ -33,7 +33,7 @@ export function StyledShadowElement(Base) {
constructor() { constructor() {
super(); super();
this._shadow = this.attachShadow({ mode: `open` }); this._shadow = this.attachShadow(shadowOptions);
this._style = document.createElement(`style`); this._style = document.createElement(`style`);
this._shadow.appendChild(this._style); this._shadow.appendChild(this._style);
}; };