Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Registration page email field #1

Closed
ptwptw opened this issue Oct 12, 2015 · 7 comments
Closed

Registration page email field #1

ptwptw opened this issue Oct 12, 2015 · 7 comments

Comments

@ptwptw
Copy link

ptwptw commented Oct 12, 2015

The position of the email field on the sign-in page needs a tweak. It's visible but not clickable in Firefox, IE or Chrome (Windows). Maybe it's underneath the page header somehow. It can be accessed by clicking the password field and hitting shift-tab to get to the previous field.

@jstablesdf jstablesdf self-assigned this Oct 12, 2015
@jstablesdf
Copy link

I did a quick clone of the repository, and when I open index.html I see this:

image

The Email field is click-able.

The only way I was able to reproduce the problem was to remove styles.css from /add_javascript/css

@ptwptw
Copy link
Author

ptwptw commented Oct 13, 2015

Okay, that makes sense. Though while the styles.css file does exist, there's an issue with its mime type, as per below.

Firefox:
The stylesheet [...] add_javascript/css/styles.css was not loaded because its MIME type, "text/html", is not "text/css".

IE:
SEC7113: CSS was ignored due to mime type mismatch

Chrome:
Resource interpreted as Stylesheet but transferred with MIME type text/html:

I gather this probably means this is a server level issue (i.e. specifying allowed MIME types). (EDIT: nope, that doesn't make sense - css files are loading and working on another dreamfactory sample app with the same error (add_angular sample))

If this is the case, it's probably important to know I'm using a [myaccount].enterprise.dreamfactory.com instance and installed this code via dreamfactory apps/import/sample apps - address book for javascript.

@ptwptw
Copy link
Author

ptwptw commented Oct 13, 2015

Update:
For the add_angular example I checked (as per edit note above), the css on Chrome and Firefox, but does not on IE. This seems to be because (as per error messages above), Firefox and Chrome still use the file as CSS - while IE ignores the file completely.

Assessment:
Needs to be checked further, but It seems possible this is due to MIME types config at the server level and currently affects enterprise dreamfactory.com accounts.

@ptwptw
Copy link
Author

ptwptw commented Oct 13, 2015

For the record, this is what I see:

2015-10-13_15-03-59

@jstablesdf
Copy link

We were able to avoid this issue by placing the CSS within index.html (<style> tags). Also this is only reproducible using sandbox instances on enterprise.dreamfactory.com, none of our locally installed instances had the problem.

@HarveyEV
Copy link

I am also having this issue with the Angular Address Book sample app serving the app.css as text/html. Inline styles is the answer? Wow. Can we fix this issue?

@drewpearce
Copy link

resolved in 2.1.1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants