[Plugin: Aviary Editor] JS error?

  • Resolved tzdk

    (@tzdk)


    12 years, 3 months ago

    First this wp-installation of WP is dirty but since I needed api key for domain I guess I cant test in more clean environment. Why hold back I say!

    So there seems to be a JS error every time a feature is activated.

    TypeError: m is null
    Line 150 in father.js

    I tested in IE9 where it goes:

    SCRIPT5007: Unable to get value of the property ‘scrollLeft’: object is null or undefined
    father.js, line 150 character 437

    Some feature do not work like draw. After selected pencil or circle it seems to be invisible. No action on image. Same with text though input box does show up. Text is unreadable, as if font is wrong? See https://imm.io/zwUb

    Also if I select default extension images are saved a TXT files, https://imm.io/zwUQ Seems to work when set to PNG and JPG. Columns are not normal due to a Admin column editor but should not matter.

    I think all this has to do with the JS error even if some features like crop and effects work.

    Also a feature request. If you have 100 items in media library you have to scroll way up to get to window. May be you could add an invisible or auto- “to the top” feature. It got me even after I figured out where window was, heh.

    Hmm I checked with Firebug. Input box for text is set to only 20px with font size 20px. Well that can be fixed with own CSS if required. A bit of padding for #avpw_text_area etc. and text become crystal clear. Just weird CSS defaults – worse is no action when clicking “Add text”.

    Hmm2 – I disabled WP Jump Menu and suddenly I could add text. New image and then I could not. Same errors. Can see where this is going. Will post once I have excluded everything. Well if script is sensitive to other plugins JS it might be worth mentioning anyway.

    https://www.ads-software.com/extend/plugins/aviary-editor/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter tzdk

    (@tzdk)

    Well it seems to work in Firefox, for what ever reason. I still get that JS error in IE9 – and cache has been cleared 5 times. Everything else is clean regarding JS errors, no PHP ones either.

    Also works in Chrome. I could test IE8 but not bothered enough. Would be nice to test on a 100% new WP install but they want that API key for domain.

    Not yet convinced there is no JS issue, may be just a tiny one?, but probably very local.

    Their web demo https://www.aviary.com/ works in IE9 so that is good I guess.

    Rest of issues + 1 request still goes.

    Thread Starter tzdk

    (@tzdk)

    Text box is fixed. 

    input[type="text"], input[type="password"], input[type="number"], input[type="search"], input[type="email"], input[type="url"], textarea {
-moz-box-sizing: border-box; }

    which I am happy to say is code from WP itself not me ??

    Change to
    input[type="text"], input[type="password"], input[type="number"], input[type="search"], input[type="email"], input[type="url"], textarea { -moz-box-sizing: inherit; }

    and it looks like in their web-demo.

    May be -webkit prefix should be used as well, besides regular box-sizing https://caniuse.com/#feat=css3-boxsizing

    .avpw .avpw_text_input {
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
box-sizing: inherit;
}

    should do.

    Thread Starter tzdk

    (@tzdk)

    Details of this CSS clash is in /wp-admin/css/wp-admin.dev.css – at the top. There is also an entry for IE8.

    /* include margin and padding in the width calculation of input and textarea */
input[type="text"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="url"],
textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; /* ie8 only */
	box-sizing: border-box;
}
    Plugin Author Bainternet

    (@bainternet)

    Thanks for the feedback,

    The JS errors is something that i can’t reproduce and if i could it’s probably something with the editor’s JS which means the only way to fix it is to report to the good guys at aviary.

    AS for the input boxes a CSS fix is included in version 0.2.

    The feature of fixed position of the editor is granted and included in version 0.2 (no more mad scrolling ?? )

    And last the txt file issue is something that comes for the aviary’s server which has a quick fix but will only save in PNG format.

    thanks again.

    Thread Starter tzdk

    (@tzdk)

    Thanks, most seem fixed. Is a nice editor, fits right in to that space.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Plugin: Aviary Editor] JS error?’ is closed to new replies.