javascript - Is there a way to debug rendering problems in a famo.us app? -


is there way turn debugging on or command show rendering problems when using famo.us?

log statements helpful or other way of telling going when app being rendered.

edit: here rendering problems have seen far

1- layout inconsistent across browsers (not talking ie yet!!!!).

safari 7.02:

enter image description here

chrome35:

enter image description here

android firefox 29:

enter image description here

2- scrolling famo.us screwed.

i have 3 main sections app (website):

  • header (which scrollcontainer 4 surfaces).
  • footer (which scrollcontainer 1 surface).
  • content (2 scrollcontainers on left side , 2 scrollcontainers inside deck component on right side. each text/paragraph surface in respective scrollcontainer).

now, if go app, notice scrolling screwed , have no idea why! don't know how can debug mess.

p.s: code left un-minified , comments on purpose.

but wait there more. scrolling confusing user the user has no idea view scrollable because no scrollbars visible. you can see on famo.us demo page. go , try scroll :). way can scroll if go left side of page ...

3- deck component seem arrange cards randomly on initial load based on browser! if things aren't screwed enough. see screenshot below:

chrome35 desktop renders green card first: enter image description here

ff29 desktop renders red card first: enter image description here

with above issues. have no idea how fix them or why happening. list of things me developer debug problems famo.us:

  1. enable debug logging when using components.
  2. throw js errors when using components incorrectly.
  3. warn me potential layout problems if using components known issues.
  4. have better documentation. read code base understand how use because famo.us docs not adding value without having examples whereas open source code does.
  5. more articles talking layout , page structure. fundamental thing. if can't right, there no point playing animations on page not viewable correctly!

i have noticed ff29 on desktop lags when interact deck of cards whereas on chrome doesn't. backing 60fps claim across devices start. show performance metrics , comparisons prove claim.

i want use famo.us , contribute fixes if time this how feel famo.us.

yes, great if there gave more info. famoushint or something. use jshint @ least helps common javascript errors.

also, has saved me few times well. http://famo.us/guides/pitfalls

but agree little buggy @ point, i've been having trouble scrollview.


Comments

Post a Comment

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

consider, toml node module can use: // toml.d.ts declare module toml { export function parse(value:string):any; } declare module "toml" { export = toml; } then: /// <reference path="../../../../../defs/toml/toml.d.ts"/> import toml = require('toml'); toml.parse(...); however, node module export single function, such 'glob' ( https://github.com/isaacs/node-glob ). the node usage of module be: var glob = require("glob") glob("*.js", {}, callback(err, files) { ... }); you'd naively expect this: // glob.d.ts declare function globs(paths:string, options:any, callback:{(err:any, files:string[]):void; ...but because typescripts 'import' semantics bit strange, seems can use 'import .. = require()' statement alias modules . trying call: /// <reference path="../../../../../defs/glob/glob.d.ts"/> import blog = require('glob'); results in: error ts2072: mod...
Read more

openid - Okta: Failed to get authorization code through API call -

i'm integrating okta own idp server using okta's api. i'm implementing authorization code flow following steps below: in own server, use /api/v1/authn endpoint sessiontoken. use sessiontoken obtain authorization calling endpoint: /oauth2/v1/authorize?client_id=" + clientid + "&sessiontoken=" + sessiontoken + "&response_type=code&response_mode=query&scope=openid&redirect_uri=" + redirecturl + "&state=evanyang&nonce=" it's supposed return response status code 302 , location header containing redirect url code value. however, keep getting response status code 200 , without location header, html body saying "you using unsupported browser." , "javascript disabled on browser." according api documentation: http://developer.okta.com/docs/api/resources/oidc.html#authentication-request , sessiontoken parameter sufficient this: an okta one-time sessiontoken. allows api-based ...
Read more

ios - Change Storyboard View using Seague -

i have following code checks connection server, , depending on want change views if no connection found. nsstring *connect = [nsstring stringwithcontentsofurl:[nsurl urlwithstring:@"http://myserver.com"] encoding:nsutf8stringencoding error:nil]; if (connect == null) { [self performseguewithidentifier:@"network_failure" sender:self]; } else { // other code here } my problem not change views. have added storyboard segue between 2 views identifier of network_failure . not have navigation controller or that, problem? thanks help! no not problem. first of all, in objectivec exists nil object oriented null . must use that. so: if(connect == nil) or better: if(!connect) so due fact nil not same of null , probably code does't enter in if scope . you have been able discover breakpoint. anyway: be sure set trigger segue (line) 2 view controller , , name network_failure (that not best name. should instead view1toview2 ) as, m...
Read more