Comments (6)
Thanks for this issue - while I see you have some example code above it would be great if you could put together a min-repro with stackblitz someone can dig into.
from fast.
Hi @chrisdholt I tried to replicate the issue but cannot do it on Stackblitz (it's working fine). It seems that the issue relies somewhere in the build part of my application. I am using the esbuild and i am bundling dependencies of my package as seperate JavaScripts. When I bundle everything in single JS everything works as expected, but when i have the fast-element imported over importmap it ignores reactive totally for some reason. I will try to investigate more to find where the issue comes from
from fast.
Hi @chrisdholt I tried to replicate the issue but cannot do it on Stackblitz (it's working fine). It seems that the issue relies somewhere in the build part of my application. I am using the esbuild and i am bundling dependencies of my package as seperate JavaScripts. When I bundle everything in single JS everything works as expected, but when i have the fast-element imported over importmap it ignores reactive totally for some reason. I will try to investigate more to find where the issue comes from
Thanks for this - I wonder if this could be related to the fact that state
is only currently available from an export path and not from the fast-element root?
from fast.
@chrisdholt Not sure i am importing it using @microsoft/fast-element/state.js
so i get seperate js in vendor folder for @microsoft/fast-element
and @microsoft/fast-element/state.js
and i am using import map like this to load them:
<script type="importmap">
{
"imports": {
"@microsoft/fast-element":"./vendor/_microsoft_fast-element.js",
"@microsoft/fast-element/state.js":"./vendor/_microsoft_fast-element_state.js",
}
}
</script>
JS loads fine but just reactive function does not react to changes for some reason. When i bundle everything in single JS it works normally. Still trying to figure out why
from fast.
Is there some special requirement for state.js in order for it to work? If I take a look at the reactive method in both, there is no difference but it only works when all is bundled together.
from fast.
Okay the issue is that apparently state.js has some references on fast-element itself internally so I guess that duplicate code in those two files is making a problem
from fast.
Related Issues (20)
- Issue with focus on a toolbar clicked button
- Cannot import subpackages in ESM HOT 2
- fast-textfield internally has fixed control id HOT 1
- feat: add placeholder to FASTSelect
- fix: playwright tests in fast-foundation run in serial mode
- Component that support markdown editor similar to github comments
- fix: FASTBadge in @microsoft/fast-foundation HOT 2
- fix: type-safe props in wrapped slider React component
- fix: Design token inherits value when it shouldn't HOT 1
- fix: [npm reporting this package as deprecated] @ [https://www.npmjs.com/package/@microsoft/fast-components] HOT 3
- fix: fast-radio elements with the same name should be grouped when validating
- FIX: steps ignore exponential in fast-number-field
- fix: Anchor does not behave like native when in contenteditable element
- fix: code duplication between text-field and search components
- rfc: React Native and FAST
- fix: invalid radiogroup value when selected radio removed from DOM HOT 1
- feat: add close watcher where supported in place of escape key handlers
- rfc: use a big-number library for the NumberField component HOT 3
- fix: update picker item and picker list roles HOT 9
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 fast.