python (65.1k questions)

javascript (44.2k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (12.9k questions)

Questions - stenciljs

Stencil JS - Only export one component from Component Library Project

I've searched a lot but I didn't find anything useful about this. I need to create a web-component with Stencil JS and I would like to split it in sub-components. Is that possible doing this without e...
test-img

saldomik

stenciljs

Votes: 0

Answers: 0

Using stencil-router on gh-pages

I'm trying to deploy a stencil SPA on gh-pages, but I can't get the router to cooperate. I am setting root on stencil-router, but it's not loading any of my routes. It's working perfectly fine when I ...
test-img

posit labs

single-page-application

web-component

stenciljs

Votes: 0

Answers: 2

Latest Answer

I realized that I was using the full url when I needed to be using just the path. https://positlabs.github.io/lightpaintlive-www/ vs /lightpaintlive-www/ My code ended up looking like this: this.base ...
test-img

posit labs

Emit data from stencil component to ReactJs component

How to catch emitted data in stencilJs component in ReactJs component? I've created a CustomInputStencil component that has a prop of onChange that accepts a function. Inside the component I call the ...
test-img

Mark

javascript

reactjs

stenciljs

Votes: 0

Answers: 1

Latest Answer

Ideally you wouldn't pass a function as a prop to the stencil component, as HTML would only accept attributes as string, so your function might being translated as a string property, the same happen w...
test-img

Felipe Malara

How to test Stencil web component input tag 'readonly' attribute with Playwright?

I have a Stencil custom input component with several props and I'm having major problems testing the readonly attribute. The Stencil class looks like this: @Component({ tag: 'my-input', shadow: tr...
test-img

Alex

playwright

stenciljs

Votes: 0

Answers: 1

Latest Answer

Your example contains a few problems: test('input is readonly', async ({ page }) => { // Dont't forget to open the page with the input // await page.goto('http://localhost:52330/index.html'); ...
test-img

Yevhen Laichenkov

Posts

Questions

Blogs

Jobs