Git Product home page Git Product logo

Comments (13)

nilshoerrmann avatar nilshoerrmann commented on August 16, 2024

I think this behaviour is Firefox specific and related to the usage of an upload field inside an iframe. Not sure how to fix this but I'll will investigate this case. I'll mail you if I need more information. You will not be in London for the meet-up in June by any chance?

from subsectionmanager.

doug-stewart avatar doug-stewart commented on August 16, 2024

I wish I could be, but no I won't.

It might have something to do with this, but I doubt it. It's just a spelling error, but you never know:

Warning: Expected color but found 'transpareant'.  Expected end of value but found 'transpareant'.  Error in parsing value for 'border'.  Declaration dropped.
Source File: http://alanbetts.com/extensions/subsectionmanager/assets/symphony.subsection.css Line: 27

from subsectionmanager.

nilshoerrmann avatar nilshoerrmann commented on August 16, 2024

Does correcting this typo change anything in the behaviour?

from subsectionmanager.

doug-stewart avatar doug-stewart commented on August 16, 2024

You think I'd have been clever enough to realize I could edit the file on my own site myself... (gasp!)

No, it didn't fix it. Would have been too simple I guess.

from subsectionmanager.

nilshoerrmann avatar nilshoerrmann commented on August 16, 2024

;)

from subsectionmanager.

nickdunn avatar nickdunn commented on August 16, 2024

This is the culprit:

body.subsection form input[type="file"] {
    color: #fff;
}

Firefox honours this and sets the text colour to white, making it invisible against the white background of the input field.

from subsectionmanager.

doug-stewart avatar doug-stewart commented on August 16, 2024

I tried using the -moz-appearance property to disable Firefox's default styles but it didn't seem to make any difference by setting it to none.

The only solution I could find was to use javascript to make a dummy upload field that populates the real one. The real one is then hidden from view. I guess in this situation that would be acceptable as the entire field runs on javascript anyway.

from subsectionmanager.

doug-stewart avatar doug-stewart commented on August 16, 2024

Oh, I also tried setting border and outline to none, but the issue is even if I set a background I can't get rid of that stupid border around the input box.

from subsectionmanager.

nickdunn avatar nickdunn commented on August 16, 2024

Maybe I'm missing the point — can't that line of CSS simply be removed?

from subsectionmanager.

nilshoerrmann avatar nilshoerrmann commented on August 16, 2024

http://github.com/nilshoerrmann/subsectionmanager/issues#issue/25

from subsectionmanager.

nickdunn avatar nickdunn commented on August 16, 2024

Bah who uses that Safari piece of shit anyway :-P

from subsectionmanager.

nilshoerrmann avatar nilshoerrmann commented on August 16, 2024

Hey! I like it :)

from subsectionmanager.

doug-stewart avatar doug-stewart commented on August 16, 2024

So do I and it works fine in Chrome as well as Safari. I'm also reasonably certain that it'd be fine in IE as well.

You know, you could always use JS to target Firefox and apply a class to override the font color?

from subsectionmanager.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.