Comments (7)
Hello @osantos1910, Thank you for providing the form embed URL. We are not seeing this issue on our side using Formio.js versions 4.9.20 as well as version 4.10.0-rc.3. Could you provide a JSFiddle of this issue so we can replicate on our side?
from angular-material.
Hello @osantos1910, Thank you for providing the form embed URL. We are not seeing this issue on our side using Formio.js versions 4.9.20 as well as version 4.10.0-rc.3. Could you provide a JSFiddle of this issue so we can replicate on our side?
Hello @wag110894 . Thanks for your answer. I'm still getting the issue. As explain above I use angular-material-formio not only Formio.js. When I use angular-formio all works fine and I getting the expected behavior, but all stop working when instead use formio I use mat-formio tag.
This is my app.component.html
<mat-formio src="https://pbojhsynrxckvwh.form.io/test-resource" (submit)="onSubmit($event)">
This are the dependencies of my package.json
{
"@angular/animations": "^8.2.14",
"@angular/cdk": "^8.2.3",
"@angular/common": "^8.2.14",
"@angular/compiler": "^8.2.14",
"@angular/core": "^8.2.14",
"@angular/elements": "^8.2.14",
"@angular/flex-layout": "^8.0.0-beta.27",
"@angular/forms": "^8.2.14",
"@angular/material": "^8.2.3",
"@angular/platform-browser": "^8.2.14",
"@angular/platform-browser-dynamic": "^8.2.14",
"@angular/router": "^8.2.14",
"angular-material-formio": "^1.26.0",
"formiojs": "^4.10.0-rc.4",
"hammerjs": "^2.0.8",
"rxjs": "^6.5.5",
"tslib": "^1.11.2",
"zone.js": "^0.10.3"
}
from angular-material.
I think the issue is related to method setPage of Formio.js. Here this.redraw() is treated as a Promise and instead in angular-material-formio library redraw() method not have return statement returning undefined and not a promise.
this.redraw().then(function () { if (!_this11.options.readOnly) { _this11.checkValidity(_this11.submission.data, false, _this11.submission.data, true); } });
I review method nextPage() on formio.wizard.ts of angular-material-formio library, this method call nextPage of the instance in this case Wizard from Formio.js and that trigger redraw method of the instance.
nextPage() { this.instance.nextPage().then(() => this.stepper.next()); }
Adding a catch to this method I get the following error: TypeError: Cannot read property 'then' of undefined
from angular-material.
@osantos1910, Thank you for providing this additional information. We have assigned this item to a developer to take a look at. We will let you know once this issue is resolved.
from angular-material.
@wag110894 Thank you for all
from angular-material.
is it resolved? I am still getting the issue
from angular-material.
Is this still an issue on the latest version of angular material?
from angular-material.
Related Issues (20)
- [BUG] SyntaxError: invalid regexp group in Firefox HOT 3
- [BUG]Date/Time Component do not show value. HOT 2
- [BUG] Extra empty item at select component HOT 3
- is it possible to use file upload in angular-formio ? [BUG] HOT 1
- [BUG] conditional in wizard page produces "this.parent.viewContainer is not a function" HOT 4
- Bootstrap dependency HOT 3
- [BUG] nextPage event in wizard not working HOT 1
- [BUG] MatFormioModule is not a reference: [object Object] HOT 6
- Update to Angular 11 HOT 2
- Placeholder for search input field in the "Select Component"
- [BUG] Custom angular component shows as Unknown Component: componentId HOT 2
- angular-formio form builder don`t work with formio/angular-material HOT 2
- Address Field Not Showing Up HOT 3
- [BUG] HOT 3
- FormioModule, MatFormioModule Lazy Loading Conflict HOT 2
- [BUG] Saved valued does not retain
- Support Angular 12 HOT 4
- [BUG] Cannot set submission in Angular 11 HOT 1
- Error on build
- FormioComponent isnot export by Module
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 angular-material.