Comments (20)
Ahah that's dark magic :p but at least it is working ^^
from feliz.bulma.
Well, I think we've all learned something today. If all else fails, turn it off and back on again...
from feliz.bulma.
Ok so that's the good news :p
I will test Feliz.Bulma only then
from feliz.bulma.
I'd like to say "anytime" but have totally no clue. 😂
from feliz.bulma.
Hi @ajwillshire, does it compile correctly in Fable? It's only about rendering?
from feliz.bulma.
Yes, it compiles fine.
from feliz.bulma.
Strange... I got the same error on page where I use Bulma.Checkradio.checkbox
🤔
from feliz.bulma.
Yes, if I comment out the Checkradio buttons, it all works again.
from feliz.bulma.
But why? Maybe @MangelMaxime would have a clue.
Official docs are up to date and having no issues there. 🤔
from feliz.bulma.
This morning I released a new version of Fable.React perhaps this is the culpit.
Can you please check if you are using Fable.React 6.0.0 or 5.3.6 ?
from feliz.bulma.
I'm on 5.3.5 at the moment.
from feliz.bulma.
Me on 5.3.6 by the paket.lock
from feliz.bulma.
I could easily fix that, if would had a clue what is wrong. :)
from feliz.bulma.
@Dzoukr Could you please provide a reproduction code?
from feliz.bulma.
I am trying to repro in official repo with Docs. Also you can try at https://github.com/Dzoukr/Yobo/tree/tabula-rasa, just run client without server and go to Registration page.
from feliz.bulma.
Ok, because if I add Checkradio.checkbox [ ]
to Feliz docs I don't have an error. For my really quick test
from feliz.bulma.
I am looking at js file and if I create checkradio manually (using known classes), it renders:
function view(model, dispatch$$2) {
var xs$$33, xs$$34;
var children$$9 = Object(_fable_fable_library_2_4_22_List_js__WEBPACK_IMPORTED_MODULE_5__["ofArray"])([(xs$$33 = Object(_fable_fable_library_2_4_22_List_js__WEBPACK_IMPORTED_MODULE_5__["ofArray"])([Object(_fable_Feliz_Bulma_2_1_0_Operators_fs__WEBPACK_IMPORTED_MODULE_9__["op_PlusPlus"])(Object(_fable_Feliz_0_74_2_Interop_fs__WEBPACK_IMPORTED_MODULE_1__["mkAttr"])("className", "is-danger"), Object(_fable_Feliz_0_74_2_Interop_fs__WEBPACK_IMPORTED_MODULE_1__["mkAttr"])("className", "is-checkradio")), Object(_fable_Feliz_0_74_2_Interop_fs__WEBPACK_IMPORTED_MODULE_1__["mkAttr"])("id", "cbx"), Object(_fable_Feliz_0_74_2_Interop_fs__WEBPACK_IMPORTED_MODULE_1__["mkAttr"])("type", "checkbox")]), Object(_fable_Feliz_0_74_2_Interop_fs__WEBPACK_IMPORTED_MODULE_1__["reactElement"])("input", Object(_fable_fable_library_2_4_22_Util_js__WEBPACK_IMPORTED_MODULE_0__["createObj"])(xs$$33, 0))), (xs$$34 = Object(_fable_fable_library_2_4_22_List_js__WEBPACK_IMPORTED_MODULE_5__["ofArray"])([Object(_fable_Feliz_0_74_2_Interop_fs__WEBPACK_IMPORTED_MODULE_1__["mkAttr"])("htmlFor", "cbx"), Object(_fable_Feliz_0_74_2_Interop_fs__WEBPACK_IMPORTED_MODULE_1__["mkAttr"])("children", "Test")]), Object(_fable_Feliz_0_74_2_Interop_fs__WEBPACK_IMPORTED_MODULE_1__["reactElement"])("label", Object(_fable_fable_library_2_4_22_Util_js__WEBPACK_IMPORTED_MODULE_0__["createObj"])(xs$$34, 0)))]);
return Object(_fable_Feliz_0_74_2_Interop_fs__WEBPACK_IMPORTED_MODULE_1__["reactElement"])("div", {
children: _fable_Feliz_0_74_2_Interop_fs__WEBPACK_IMPORTED_MODULE_1__["reactApi"].Children.toArray(children$$9)
});
}
but when I insert Checkradio.checkbox []
it creates just:
function view(model, dispatch$$2) {
var props$$5 = new _fable_fable_library_2_4_22_Types_js__WEBPACK_IMPORTED_MODULE_6__["List"]();
var typ = function () {
throw 1;
}();
var xs$$37 = Object(_fable_fable_library_2_4_22_List_js__WEBPACK_IMPORTED_MODULE_5__["ofSeq"])(Object(_fable_fable_library_2_4_22_Seq_js__WEBPACK_IMPORTED_MODULE_2__["delay"])(function () {
return Object(_fable_fable_library_2_4_22_Seq_js__WEBPACK_IMPORTED_MODULE_2__["append"])(props$$5, Object(_fable_fable_library_2_4_22_Seq_js__WEBPACK_IMPORTED_MODULE_2__["delay"])(function () {
return Object(_fable_fable_library_2_4_22_Seq_js__WEBPACK_IMPORTED_MODULE_2__["append"])(Object(_fable_fable_library_2_4_22_Seq_js__WEBPACK_IMPORTED_MODULE_2__["singleton"])(typ), Object(_fable_fable_library_2_4_22_Seq_js__WEBPACK_IMPORTED_MODULE_2__["delay"])(function () {
var x$$5, list2$$5, xs$$35, list$$17, list$$16, list$$15, list1$$5, names$$5;
return Object(_fable_fable_library_2_4_22_Seq_js__WEBPACK_IMPORTED_MODULE_2__["singleton"])((x$$5 = (list2$$5 = (xs$$35 = props$$5, (list$$17 = (list$$16 = (list$$15 = xs$$35, (Object(_fable_fable_library_2_4_22_List_js__WEBPACK_IMPORTED_MODULE_5__["map"])(function mapping$$10(value$$28) {
return value$$28;
}, list$$15))), (Object(_fable_fable_library_2_4_22_List_js__WEBPACK_IMPORTED_MODULE_5__["filter"])(function predicate$$5(tupledArg$$5) {
var v$$5 = tupledArg$$5[0];
return v$$5 === "className";
}, list$$16))), Object(_fable_fable_library_2_4_22_List_js__WEBPACK_IMPORTED_MODULE_5__["map"])(function mapping$$11($arg$$6) {
var value$$29;
var tuple$$5 = $arg$$6;
value$$29 = tuple$$5[1];
return String(value$$29);
}, list$$17))), (list1$$5 = new _fable_fable_library_2_4_22_Types_js__WEBPACK_IMPORTED_MODULE_6__["List"]("is-checkradio", new _fable_fable_library_2_4_22_Types_js__WEBPACK_IMPORTED_MODULE_6__["List"]()), Object(_fable_fable_library_2_4_22_List_js__WEBPACK_IMPORTED_MODULE_5__["append"])(list1$$5, list2$$5))), (names$$5 = x$$5, Object(_fable_Feliz_0_74_2_Interop_fs__WEBPACK_IMPORTED_MODULE_1__["mkAttr"])("className", Object(_fable_fable_library_2_4_22_String_js__WEBPACK_IMPORTED_MODULE_7__["join"])(" ", names$$5)))));
}));
}));
}));
return Object(_fable_Feliz_0_74_2_Interop_fs__WEBPACK_IMPORTED_MODULE_1__["reactElement"])("input", Object(_fable_fable_library_2_4_22_Util_js__WEBPACK_IMPORTED_MODULE_0__["createObj"])(xs$$37, 0));
}
Why the var typ = function () { throw 1; }();
is generated???
from feliz.bulma.
I am waaay out of my comfort zone here, but I noticed that there is a reference to "typ" in the following section:
(Object(_fable_fable_library_2_4_22_Seq_js__WEBPACK_IMPORTED_MODULE_2__["singleton"])(typ), Object(
Is that a spelling error or something and it's creating a type automatically to account for it?
from feliz.bulma.
Ok, I have no f*** idea why, but I re-published checkradio package and after update, it works. 😄
Please @ajwillshire check if it works for you as well and close issue if ok.
from feliz.bulma.
After updating packages, running Femto, etc., it seems to be working now.
Thank you @Dzoukr and @MangelMaxime for your efforts! Much appreciated :-)
from feliz.bulma.
Related Issues (20)
- No constructors are available for the type Bulma.tabs HOT 8
- Missing abstractions for level heading and title? HOT 1
- Undefined Reference in DateTimePicker HOT 8
- DateTimePicker, TimePicker display is wrong
- Is the documentation correct regaring the version of Bulma (0.8.0) that is supported? HOT 2
- How do I add bulma-calendar to my style sheet HOT 4
- Bulma.image generates without its child "img" tag. HOT 2
- Bulma Intellisense error: `Fable.React` does not contain `ReactElement` HOT 8
- After recent package updates, DateTimePicker stopped working. (Problem seems to be upstream.)
- It looks like `Bulma.title.X` modifiers are not consistent with other modifiers
- Duplicate className property warnings/errors
- Error in documentation? HOT 2
- Panel: Elements get ignored implicitly HOT 1
- Simplify/minisize number of open namespace instructions HOT 4
- Supporting span as select HOT 3
- How do I set tags in Feliz.Bulma.TagsInput? HOT 2
- Feliz.Bulma.Calendar get value HOT 3
- [Timeline] Missing modifiers for no-headers support
- Can we relax FSharp.Core requirements on this library? HOT 1
- Burger not showing on mobile devices HOT 3
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 feliz.bulma.