Comments (12)
if i run the example in firefox and it does work. what is not working in yours exactly?
from angular-flippy.
I have the following code in the
<p style="font-size: 8px">{{quiz.header}}</p>
<p id="quizQuestion">{{quiz.fragnummer}}</p>
<h3 class="quiz-question" ng-style="'color: #5b5b5b'">
{{quiz.question}}
</h3>
<!-- <img ng-src="res/{{quiz.image}}" height="42" width="42" alt="Image missing">-->
<form novalidate name="qChoices" ng-if="quiz.choices.length > 0">
<li class="possibleAnswers" ng-repeat="choice in quiz.choices track by $index">
<input type="checkbox" name="selectedChoices[]" background-directive="backColor" value="{{choice}}" ng-checked="selection.indexOf(choice) > -1" ng-click="toggleSelection(choice, $parent.$index)"> {{choice}}
</li>
</form>
<button type="submit" ng-click="evaluationAnswers($parent.$index)">Evaluate Answers</button>
<p style="font-size: 8px">{{quiz.footer}}</p>
This part of screen does not get render well for the very first request in Firefox 46. When I mouse over the part it get displayed.
from angular-flippy.
The problem is just with Firefox. I have tested it on Microsoft Edge, Internet Explorer 10, Chrome and Safari.
from angular-flippy.
i'm using firefox 46 too and it works, but using mac.
can you create a jsbin or fiddle for this?
from angular-flippy.
Please check the link to see http://lms.dickemann-weber.com/Quiz
from angular-flippy.
closing due to non-reproducible
from angular-flippy.
Bug is still reproducible on Firefox 53.0.2 for Windows. I managed to solve it by adding "-moz-perspective: none;" to flippy in angular-flippy.css
from angular-flippy.
Very weird... I now tested it on browserstack with win 7 and win 10, both firefox 53 with this example: http://jsbin.com/panizijuka/1/edit?html,css,js,output and it did work...
Am i missing something?
from angular-flippy.
Maybe it's not reproducible with the demo page, i can give it a try tomorrow. The application where i was able to see the issue render a lot of cards inside a ng-repeat loop, which is displayed depending on a ng-show statement. If you want i can take a few screenshots without the fix i mentioned.
from angular-flippy.
A jsbin/plunkr would be better of course. otherwise always open to PRs 😊
from angular-flippy.
I was able to reproduce with the demo from cloned repo, as seen on print below.
However, i was not able to reproduce it using the same code on jsbin, pretty weird. The PR i made seems to fix it.
from angular-flippy.
thank you! merged your PR and released the v2.1.1 version - also published on npm. 👍
from angular-flippy.
Related Issues (15)
- Merge PRs to fix your bower mainfile HOT 1
- Flip using an element HOT 14
- Gulp Inject Error HOT 6
- Angular 2? HOT 1
- Trigger flip with ngSwipeLeft / ngSwipeRight HOT 2
- Canvas Image HOT 11
- When I set overflow: auto for flippy-front it shows in the Flippy back in reverse HOT 4
- Trying to push branch for pull request HOT 1
- Custom Method for flippy with unique id HOT 2
- Flippy element height HOT 6
- Multiple Flippie's on page they overlap HOT 6
- Flip effect does not work on Internet Explorer 11 HOT 6
- iOS behaviour broken HOT 2
- Suggestion: Play with CSS pointer events could allow for directive to be triggered by inner elements HOT 2
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 angular-flippy.