Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: some elements like ion-header won't work with elm-lang

See original GitHub issue

Bug Report

Ionic version:

[x] 4.x

Current behavior:

Trying to use ionic with elm-lang may lead to "Cannot read property 'childNodes' of undefined" for some elements like ion-header due to the fact that underlying VDOM changes which makes elm-lang unable to track the reference.

Expected behavior:

predictable error-less behaviour for all ion elements

Steps to reproduce:

try to use ion-header in elm app.

Related code:

A sample application via GitHub: https://github.com/ciekawy/diegy

it’s enough to use Ion.header around this place and run the app to see the error. https://github.com/ciekawy/diegy/blob/master/src/Main.elm#L192

Other information:

while there is definitely some conflict in the approach, it would be great to figure out a solution together with elm-lang community.

Corresponding report on the elm-lang side can be found here https://discourse.elm-lang.org/t/web-components-interop-childnode-issues/3730

Ionic info:

$ ionic info

Ionic:

   ionic (Ionic CLI)             : 4.10.2 (/Users/szymon/.nvm/versions/node/v10.13.0/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.2
   @angular-devkit/build-angular : 0.12.4
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.2.4
   @ionic/angular-toolkit        : 1.4.0

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.1.4, browser 5.0.4, ios 4.5.4
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.0.0, (and 17 other plugins)

System:

   ios-deploy : 2.0.0
   ios-sim    : 8.0.1
   NodeJS     : v10.13.0 (/Users/szymon/.nvm/versions/node/v10.13.0/bin/node)
   npm        : 6.9.0
   OS         : macOS Mojave
   Xcode      : Xcode 10.2.1 Build version 10E1001

Issue Analytics

State:
Created 4 years ago
Reactions:4
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

LKlemenscommented, Sep 1, 2019

Hi, I would like to start elm app on ionic framework. Is there any workaround for this issue now? EDIT: Maybe use capacitor only?

1reaction

ciekawycommented, Jun 24, 2019

That seems exactly to be an issue. As that was just a research on my side to combine ionic with elm I may not be able to work on a PR in the near future. At least it it defined well enough so hopefully someone may get interested soon to unlock another awesome language to be used with ionic 😉

Top Results From Across the Web

Unhelpful error message when initializing app without passing ...

I really want the compiler to give a useful error message when 'node' is not provided to Elm.Main.init(). Something like "You need to...

Clients expressing doubt about choosing Elm - Elm Discourse

If financial interests are bored by the tech choices involved in a project, you have to wonder why they would be against using...

Fetching Data Using GET - - Beginning Elm

In this section, we'll try to understand the process a typical Elm app goes through to retrieve data from an HTTP server. We'll...

Debugging "Element is not clickable at point" error

This is caused by following 3 types: 1.The element is not visible to click. Use Actions or JavascriptExecutor for making it to click....

vbq - River Thames Conditions - Environment Agency - GOV.UK

Create a fishbone diagram in excel, Dale minyo, Escargot hennequeville, Htcdev cmd, 7 elements of visual communication? Hypnotize notorious big free ...