Hello, I'm Stanko, a software engineer in Belgrade, writing mostly about JavaScript and React.

Latest post

Fix for Chrome not rendering 1px borders

This happened to me couple of times - borders would just randomly disappear in Chrome. All other browsers render them normally, but they just vanish in Chrome, on some screen sizes. Resizing helps sometimes, but I never was able to catch real pattern for reproducing.

If this ever happens to you, there is a (hacky) solution. Change border width from 1px to thin.

border: 1px solid #000;
/* change it to: */
border: thin solid #000;

Although I don’t like it, as it is a hacky workaround and I don’t really understand why it works, it does solve the issue.

It seems that I’m not the only one having this problem.

Add git version tag after publishing to npm

TL;DR

If you just want to add git version tag after npm publish add this to your package.json:

"postpublish" : "PACKAGE_VERSION=$(cat package.json | grep \\\"version\\\" | head -1 | awk -F: '{ print $2 }' | sed 's/[\",]//g' | tr -d '[[:space:]]') && git tag v$PACKAGE_VERSION && git push --tags",

I advise you to read rest of the post to see what this code does. Because blindly coping code from the internet is probably not the smartest thing to do.

Git tags are used as releases on GitHub

Read more

iOS Safari window.scrollTo / getBoundingClientRect bug

This is a weird one, and not something you will stumble into every day. But it is a bug nonetheless.

On iOS safari, if you use window.scrollTo(0, y) and y is larger than document’s maximum scroll, any immediate call to getBoundingClientRect will return Same will happen for horizontal scroll and left value.

Read more

Small Mac apps I love

Recently I switched to a new laptop and had to set it up This comic describes my setup pretty accurately. My setup includes a bunch of small apps I found over the years. It seems that most people are not aware of these, so I decided to share a list.

All of them are free (with the exception of TotalFinder), and if you like them, consider donating to authors.

Read more

Uploading files using 'fetch' and 'FormData'

2 Comments

Today I learned:

To upload files using fetch and FormData is supported in IE10+. you must not set Content-Type header.

const fileInput = document.querySelector('#your-file-input') ;
const formData = new FormData();

formData.append('file', fileInput.files[0]);

const options = {
  method: 'POST',
  body: formData,
  // If you add this, upload won't work
  // headers: {
  //   'Content-Type': 'multipart/form-data',
  // }
};

fetch('your-upload-url', options);
Read more