Comments (11)
Hi @mad-raccoon! This might be a long shot, but is there a chance you are using LastPass, specifically its browser extension? We recently had a similar case and found that this extension happens to do exactly, that causing issues with our components.
You could try to see if this still happens using Chrome's Incognito mode where extensions are disabled.
from stencil.
@mad-raccoon I wasn't able to reproduce what you're describing either locally or in the provided sandbox. Are there specific steps that cause this behavior?
from stencil.
@tanner-reits I updated the sandbox.
Here is a screen recording of the behavior I described. Notice that at the beginning the input element has no props, and after I click on it, it gets the properties first
and last
smaller.mov
from stencil.
@tanner-reits after some investigation, i discovered that this only happens with google chrome
from stencil.
@mad-raccoon Yeah I'm not able to get that to happen on my end. Looks like you have chrome update in the video you sent, does it still happen if you update to the latest version?
from stencil.
@tanner-reits I have it updated. I am using this one:
Chrome is up-to-date
Version 124.0.6367.119 (Official Build) (arm64)
from stencil.
@mad-raccoon Both myself and @rwaskiewicz are unable to reproduce this issue. Do you have any browser extensions installed that might be playing a role? I'm on the same Chrome version you reported, so, it seems this is an issue specific to your machine.
from stencil.
@tanner-reits how are you trying to replicate this issue? Local or via the playground I shared ?
Also, are you using Mac or Windows ? I am on Mac
from stencil.
@mad-raccoon I'm on a mac. I've tried to reproduce both locally and in the playground.
from stencil.
@mad-raccoon maybe one way to create a reproducible example is to adjust Stencils e2e tests and make them fail based on your observations. Please raise a PR for this and we can take a look.
from stencil.
Thanks for the issue! This issue has been labeled as needs reproduction
. This label is added to issues that need a code reproduction.
Please reproduce this issue in an Stencil starter component library and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.
If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.
For a guide on how to create a good reproduction, see our Contributing Guide.
from stencil.
Related Issues (20)
- bug: cannot get value of inherited custom CSS prop in a shadow DOM element via `E2EElement` APIs HOT 2
- cannot identified the prompts.js as a function?? HOT 17
- bug: generated filename is too long HOT 3
- bug: missing root element's scope id as classname in nested child HOT 4
- bug: Failing to load a nested component hides all parents HOT 1
- bug: watchIgnoredRegex is not respected during `stencil build --watch`
- bug: puppeteer: piercing on level 1 breaks HOT 8
- bug: `autofocus` prop/attr is defined on other HTML attribute types instead of `HTMLAttributes` HOT 2
- bug: HOT 6
- bug: missing root element's scope id as classname in user provided children HOT 2
- Attribute ping is missing on AnchorHTMLAttributes HOT 3
- bug: Cannot read properties of undefined (reading 'isProxied') HOT 2
- bug: Stencil v4.18.1 breaks support for Jest v26 HOT 10
- bug: intermediate parents' scope ids are not reflected to the children elements HOT 3
- bug: Removing polyfills except for es5 builds breaks existing installs HOT 10
- bug: __mocks__ copied to output target HOT 3
- bug: Cannot access uninitialized variable, only in Safari, works with dev build HOT 3
- bug: Last version 4.18.2 breaks unit test in the proyect. HOT 4
- bug: Test files copied to output target HOT 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from stencil.