Comments (5)
Ideally we like to see your reduced test case in a editable/forkable item like CodePen or JSBin, not an entire project folder. The minimum amount of code that demonstrates the problem you're having. That way we can help dig in without setting up a 20MB project locally.
I think I've figured out your problem. You're repeating IDs like id="fittext5"
. In valid HTML, IDs are unique and cannot be repeated. If you select $("#foo")
, JavaScript will only match the first one it finds. This is why the first occurence is working but the other ones are not.
If you switch these to classes class="fixtext5"
then you should be in good shape. 🤗
from fittext.js.
can you provide a reduced test case?
from fittext.js.
Hi charlespeters,
yes I can. Providing it as soon as I can. Thanks for your quick response.
from fittext.js.
Here my reduced test project.
I duplikated page / slide 2 for you so you can see that the current page 3 is not working.
from fittext.js.
Hi,
is there any feedback or workaround for this problem yet?
from fittext.js.
Related Issues (20)
- "the compressor" exhibits inverse behavior HOT 2
- There is no license file. HOT 1
- Font starts out small HOT 1
- "font-size: 0px", found a wierd font-size bug. HOT 3
- Have support with bootstrap HOT 3
- Strange works with multiple spans inside a div HOT 1
- Fonts are resizing on change slide HOT 1
- NPM registry HOT 5
- Text doesn't resize to fit div HOT 1
- Bug with Bootstrap's Open Dropdown Menu HOT 1
- Does this work with display: flex ? HOT 2
- FitText on bootstrap navbar links HOT 2
- Chrome 60 (and above) and Fitttext does not work HOT 1
- Native CSS feature
- Resize doesn't occur on chrome when exiting "device toolbar"
- What's the difference between fittext.js and using vw for font sizes? HOT 1
- Specify a 100% value for a text, then reduce it-25% for a given screen size media query HOT 1
- Add LICENSE
- Memory leak when repeatedly calling `fitText()` 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 fittext.js.